binh234/binh234.github.io

Personal portfolio website hosted using GitHub Pages

Portfolio Website Version 1

The first iteration of binh234.github.io built with Gatsby and hosted with Github Pages

About this repo

This is an update version of https://github.com/bchiang7/v4, React is updated to version 18 and Gatsby to version 5.

🚨 Forking this repo (please read!)

Yes, you can fork this repo. Please give proper credit by linking back to brittanychiang.com. Thanks!

To make your own portfolio website, follows these steps:

1. Change logo inside src/components/icons/loader.js and src/components/icons/logo.js
2. Modify every things inside content folder to your own
3. Update resume inside static folder
4. Follow Steps-to-deploy.md to deploy on github pages

🛠 Installation & Set Up

1. Install and use the correct version of Node using NVM (Node version 18 or above)

   nvm install

2. Install the Gatsby CLI

   npm install -g gatsby-cli

3. Install dependencies

   npm install

4. Start the development server

   npm start

5. Go to localhost:8000

🚀 Building and Running for Production

1. Generate a full static production build

   npm run build

2. Preview the site as it will appear once deployed

   npm run serve

🎨 Color Reference

Color	Hex
Navy	#0a192f
Light Navy	#172a45
Lightest Navy	#303C55
Slate	#8892b0
Light Slate	#a8b2d1
Lightest Slate	#ccd6f6
White	#e6f1ff
Green	#64ffda