Dewey Hong

doohee323.github.io

Personal Portfolio Website (React-based)

Getting Started

1. Clone the Repository

git clone https://github.com/doohee323/doohee323.github.io.git
cd doohee323.github.io

2. Install Dependencies

npm install

3. Run Local Development Server

npm start

You can now view the site at http://localhost:3000.

Modification and Deployment Process

1. Edit Files

• Modify page components in the src/pages/ directory.
• Edit reusable components in the src/components/ directory.
• Add image files to the public/images/ directory.

2. Commit Changes

git add .
git commit -m "Description: Changes made"

3. Build and Deploy to GitHub Pages

npm run deploy

This command performs the following:

• Builds the application (npm run build)
• Automatically creates or updates the gh-pages branch in your GitHub repository
• Deploys the built files to this branch using the gh-pages package
• After successful deployment, the site will be available at https://doohee323.github.io/

The deployment process works because of the following configurations in package.json:

• The homepage property is set to https://doohee323.github.io
• The predeploy and deploy scripts are configured for GitHub Pages

4. Push Changes to Remote Repository

git push origin main

Note

• The source code lives in the main branch
• The compiled production build is automatically deployed to the gh-pages branch
• The website is served from https://doohee323.github.io/ directly from the gh-pages branch