React Portfolio

A clean, static personal portfolio built with React. Projects are defined in a single file — no backend, no database, no build-time magic. Just edit, push, and it deploys.

What to customize

src/projects.js

Add, edit, or remove projects here:

const projects = [
  {
    id: '1',
    title: 'My Project',
    description: 'A one-line summary shown on the card.',
    longDescription: 'The full description shown when clicking through.',
    tags: ['React', 'AWS', 'Node.js'],
    repoUrl: 'https://github.com/you/project',
    liveUrl: 'https://project.example.com',
    order: 1,
  },
]

src/App.jsx

Update your name, bio, tagline, skills, and optionally set a profile photo:

// Optional: replace null with a photo URL
const avatarImage = null

const skills = ['JavaScript', 'React', 'AWS', ...]

src/links.js

Update your social media links for the Connect section.

Deploy

Connect your GitHub repository and it deploys automatically on every git push.

Vercel

1. Fork or clone this repo to your GitHub account
2. Go to vercel.com and click Add New Project
3. Import your repository and click Deploy

AWS Amplify

1. Fork or clone this repo to your GitHub account
2. Go to the AWS Amplify Console and click Create new app
3. Connect your repository, select the main branch, and click Save and deploy

Run locally

npm install
npm run dev

Want a backend?

Check out amplify-portfolio — the same portfolio with AWS Amplify Gen 2 powering a live database, S3 image uploads, and owner authentication.

Tech stack

• React 19
• Vite
• react-icons

License

MIT — created by Gunnar Grosch