Lego Portfolio

Recruiter-facing portfolio for Adarsha Chatterjee

Adarsha Chatterjee's Lego-inspired portfolio site, built as a Vite + React single-page app with editorial typography, motion-heavy presentation, and project case-study pages.

---

Recruiter Quick Scan

Signal	Details
Product	Personal portfolio with project case studies, resume content, contact flow, and polished motion system
What it demonstrates	Frontend craft, visual direction, structured content modeling, responsive UI, and product storytelling
Featured work	BreakoutScan, SoleMate, Bhukkad, Bijlee, FlowKeys, Regulatory Intel, Hyvemind
Runtime	Static Vite SPA with React Router and Tailwind CSS v4

Local Preview

npm install
npm run dev

Reconstruction Docs

For any AI collaborator recreating or modifying the site, start here:

• AGENTS.md: agent-neutral entrypoint and source-of-truth rules
• REBUILD.md: exact page-by-page recreation guide
• DESIGN_SYSTEM.md: visual fidelity and motion rules
• TECH_STACK.md: live stack, config, and runtime details
• CLAUDE.md: Claude-specific companion notes

Older handoff/onboarding docs in the repo are legacy reference unless refreshed.

Stack

• React 19
• React Router DOM 7
• TypeScript 5.9
• Vite 8
• Tailwind CSS v4
• Framer Motion 12
• Radix UI primitives
• Lucide React

Local Development

npm install
npm run dev

Verification

npm run build
npm run lint
npm run preview

Main Source Files

• src/main.tsx: app entrypoint
• src/App.tsx: route map
• src/components/site/SiteLayout.tsx: shared shell, nav, footer, preview wrappers
• src/pages/*: top-level screens
• src/data/resume.ts: main structured content source
• src/index.css: theme tokens and visual system

Content Editing Notes

src/data/resume.ts is the main structured content source, but not every rendered section reads from it.

Important sync traps:

• src/components/ui/animated-hero.tsx has hardcoded hero roles and stats
• src/pages/HomePage.tsx has hardcoded homepage metrics data
• src/pages/ProjectsPage.tsx has a hardcoded flagship projects section, while the archive section reads from resume.projects
• src/pages/ProjectDetailPage.tsx reads from resume.projects

If you change visible copy, verify whether it lives in resume.ts or in a page-local/component-local array.

Runtime Notes

• Resume file is served from public/Adarsha-Chatterjee-Resume.docx
• Contact form currently uses a mailto: flow, not a backend submission
• Preview query params supported by the layout:
  • ?preview=mweb
  • ?preview=desktop

Public Assets

• public/lego/: Lego character and decorative assets
• public/showcase/: project thumbnails and showcase images

Do Not Edit

• dist/: generated build output
• node_modules/: installed dependencies