This is my personal portfolio website, built with React and Vite, deployed on GitHub Pages.
The site uses a multi-page application (MPA) structure, where each HTML page mounts the React component(s) needed for that page. This ensures clean URLs and full compatibility with GitHub Pages.
| Page | URL |
|---|---|
| Home | /index.html |
| About | /about.html |
| Projects | /projects.html |
| Mechatronics Project | /projects/mechatronics.html |
| Intro to AI Project | /projects/intro-to-ai.html |
- React — Component-based UI
- Vite — Fast development server and build tool
- JavaScript (ES6+) — Logic and interactivity
- HTML / CSS — Page structure and styling
- GitHub Pages — Deployment
- Clone the repository:
git clone https://github.com/blcrdbob3/blcrdbob3.github.io.git
cd blcrdbob3.github.io- Install dependencies:
npm install- Start the Vite development server:
npm run dev- Visit
http://localhost:####to view your site locally.
Build the production version:
npm run buildThe project uses the gh-pages package for deployment:
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d dist"
}Deploy with:
npm run deployAfter deployment, all pages are accessible at their respective URLs.