A Next.js interactive resume. Paper aesthetic on the surface; click a bullet point to reveal the full story.
- Next.js 14 (App Router)
- TypeScript
- Framer Motion
- Tailwind CSS
npm install
npm run devOpen http://localhost:3000.
All story content lives in one file: src/data/stories.ts
Each story has:
chapter— small label at the top (e.g. "Scale & Impact")headline— the big statementbody— the narrative paragraphvisual— either astat(numbers) orflow(step diagram)tags— tech/topic tags shown at the bottommedia— title + description for the media card
To add a story to a bullet, give the bullet a storyId in Resume.tsx and add the matching story to stories.ts.
- Push this repo to GitHub
- Go to vercel.com → New Project → Import your repo
- Click Deploy — that's it
Every git push to main auto-deploys.