Personal Portfolio

A modern, responsive portfolio website built with Gatsby and React.

---

Quick Start

Requirements: Node.js 14.16.0

# Install NVM (if not installed)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# Use correct Node version
nvm install 14.16.0
nvm use 14.16.0

# Install dependencies
yarn install

# Start dev server
yarn start

Open http://localhost:8000

---

Project Structure

├── content/
│   ├── featured/      # Featured projects (3 main projects on homepage)
│   ├── jobs/          # Work experience entries
│   └── posts/         # Blog posts (Pensieve)
├── src/
│   ├── components/    # React components
│   ├── config.js      # Site config (email, social links, nav)
│   ├── pages/         # Page components
│   └── styles/        # Global styles and theme
├── static/            # Static assets
└── gatsby-config.js   # Gatsby plugins and site metadata

---

Documentation

Document	Description
docs/SETUP.md	Detailed setup instructions
docs/FEATURES.md	Overview of all features
docs/CUSTOMIZATION.md	How to modify content

---

Commands

Command	Description
yarn start	Start development server
yarn build	Create production build
yarn serve	Preview production build
yarn clean	Clear Gatsby cache

---

Deployment

Configured for Netlify. The netlify.toml file handles build settings including Node version.

1. Push to GitHub
2. Connect repo to Netlify
3. Deploy automatically

---

Color Palette

Color	Hex
Background	#0f1115
Surface	#1a1d23
Muted Teal (accent)	#79bac1
Primary Text	#d1d5db
Secondary Text	#6b7280

---

Credits

Originally based on github.com/bchiang7/v4 by Brittany Chiang.