Personal Website Dcard

This project is a Main Website for my personal website project

Click me to see the website

About Personal Website Project

It is a full-stack personal website system, consisting of project three elements Main Website, Backend Server and Content Management System

Your can click blew link to get more info

Content Management System: Personal Website CMS

Backend Server: Personal Website Backend

Design

This site design reference Dcard which is my favor Forum website

Getting Started

Firstly, you will need to clone the repo locally. Once you have it ready navigate into the directory and run the following commands:

1. npm install or yarn (if you use yarn)
2. npm run start or yarn start (if you use yarn)

After you start the project. It will automatically open on port 8000.
You can open it by linking to url http://localhost:8000

Architecture

I will listing the core modules I using in this repo and the reason of why I chose it

GatsbyJs

Based on this project does not need to be updated frequently, so I chose the framework GatsbyJs suitable for building static website.

Storybook

I use storybook to provide a gui interface where developers can directly control the components