README.md

Gavin-OP.github.io (Gavin's Website)

The personal website for Gavin to showcase his skills, archive memories, and record his personal life.

The website is build based on ReactJS, HTML, CSS, NodeJS, and Express. The repo contains the design, documentation, and implementation of Gavin's personal website.

Table of Contents

• Install
• Usage
• Todo List
• References
• Contributing
• License

Install

1. Install NodeJS, npm and Git.

2. Open terminal in the directory where you want to install the repo

3. Use the following command to clone the repo

   git clone https://github.com/Gavin-OP/Gavin-OP.github.io.git

Usage

• run npm install to install all dependencies
• run npm start to start the website locally
• run npm run deploy to build the website and deploy to gh-pages branch
• update master branch by git

Todo List

• ⭐⭐⭐⭐⭐Design the website layout, what should be included??? reference How to jazz up your website like Apple with JavaScript
• ⭐⭐Footer change hover CSS
• ⭐html header, footer, and body
• ⭐Add a NodeJS backend server to serve all the files, reference How to Create a React App with a Node Backend: The Complete Guide

References

25 React Website Design Examples We Love
How To Create A Website Like Apple

终极解决：Error: error:0308010C:digital envelope routines::unsupported-CSDN博客
react-pdf

Contributing

PRs and issues are gladly accepted!

License

UNLICENSE