Portfolio Website

Personal portfolio site for projects, skills, and music. Built with React and Vite; content lives in static data modules under src/data/.

Technical Stack

• Frontend: React, Styled Components, React Router, Vite, React Icons
• Content: Static JS modules in src/data/
• CI/CD: GitHub Actions builds main and publishes dist to GitHub Pages

Deployment

The site is served from GitHub Pages at https://jonathanbcsouza.github.io/.

Every push to main runs .github/workflows/deploy.yml, which lints, builds, and uploads dist as the Pages artifact. This requires Settings → Pages → Build and deployment → Source to be set to GitHub Actions. Pointing it at a branch instead makes Pages serve this repository's unbuilt source, which renders a blank page.

GitHub Pages applies no rewrite rules, so the build writes one index.html per route (plus a 404.html fallback) and routes resolve as real 200 responses. Routes are declared once in src/data/siteRoutes.js.

vercel.json is retained so the same build also works on Vercel, which handles SPA routing with a rewrite instead.

Running Locally

1. Clone the Repository:

   git clone https://github.com/jonathanbcsouza/jonathanbcsouza.github.io.git

2. Install Dependencies:

   npm install

3. Start the Development Server:

   npm run dev

License

This project is licensed under the MIT license.