Personal portfolio site: animated showcase of work, resume, services, and contact.
Built for recruiters and collaborators who want a fast read on projects across systems, AI/ML, and full-stack product work.
- Next.js 14 (App Router)
- React 18 + JavaScript
- Tailwind CSS + Radix primitives
- Framer Motion, Swiper, react-countup
No backend or database — content lives in page components (e.g. project cards in app/work/page.jsx).
| Route | Purpose |
|---|---|
/ |
Home / hero |
/work |
Project carousel with problem → solution → impact |
/resume |
Experience & skills |
/services |
What I offer |
/contact |
Contact CTA |
cd Portfolio
npm install
npm run devOpen http://localhost:3000.
npm run build && npm start # productionapp/ Routes (page.jsx per section)
components/ UI, motion helpers, magnetic buttons, etc.
lib/ Shared utilities
public/assets/ Images for work cards
- Projects: edit the
projectsarray inapp/work/page.jsx - Motion system:
components/motion-presets.js - Styling: Tailwind +
tailwind.config.js