my-portfolio/CLAUDE.md

Alex Rivera

Designer portfolio with project showcase, case studies, about, and contact Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui Pages: Index, Work, ProjectDetail, About, Contact Palette: violet/purple dark theme

Files

• src/components/Header.tsx (2KB)
• src/components/Footer.tsx (1KB)
• src/pages/Index.tsx (11KB)
• src/pages/Work.tsx (4KB)
• src/pages/ProjectDetail.tsx (11KB)
• src/pages/About.tsx (8KB)
• src/pages/Contact.tsx (6KB)
• src/App.tsx (1KB)

Imports

UI: @/components/ui/{button,card,badge,input,textarea,tabs,accordion,dialog,sheet} Icons: lucide-react Toast: import { toast } from "sonner" Theme: ThemeToggle in headers (next-themes) Router: react-router-dom BrowserRouter

Rules

• MODIFY existing files — never rebuild from scratch
• Pages import Header + Footer from @/components/
• Tailwind only — no inline styles
• Use existing shadcn components — don't create custom ones