Yizhou — Personal Portfolio

Built with React + Vite, deployed to GitHub Pages.

Getting Started

npm install
npm run dev        # → http://localhost:5173

Deploy to GitHub Pages

1. Make sure vite.config.js has base: '/website/' (already set).

2. Run:

   npm run deploy

   This builds the site and pushes the dist/ folder to the gh-pages branch.

3. In your GitHub repo → Settings → Pages, set the source to the gh-pages branch.

Your site will be live at: https://yizhou82.github.io/website/

Project Structure

src/
├── components/
│   ├── Navbar.jsx / .css
│   └── Footer.jsx / .css
├── sections/
│   ├── Hero.jsx / .css
│   ├── About.jsx / .css
│   ├── Projects.jsx / .css
│   ├── Skills.jsx / .css
│   ├── Experience.jsx / .css
│   └── Contact.jsx / .css
├── App.jsx
├── main.jsx
└── index.css

Customization Checklist

• src/sections/Hero.jsx — update tagline
• src/sections/About.jsx — bio, photo, quick facts
• src/sections/Projects.jsx — replace placeholder projects
• src/sections/Skills.jsx — your actual skill set
• src/sections/Experience.jsx — your work history
• src/sections/Contact.jsx — real email & LinkedIn
• public/resume.pdf — add your résumé
• index.html — update meta description
• src/index.css — adjust --accent color to taste