Description
Initialize a React + Vite project with TypeScript and Tailwind in frontend/. Build the public alumni directory page with responsive card grid. Use React Router for client-side routing.
Acceptance Criteria
frontend/ with React 18+, Vite, TypeScript, Tailwind, React Router- Home page fetches
GET /api/alumni and renders profile cards (name, major, grad year, photo, LinkedIn link)
- Detail page at
/alumni/:id with full bio + experiences
- Responsive grid (1/2/3 columns), loading + empty states
- Vite proxy configured to forward
/api requests to the backend
- Dev setup integrated into docker-compose
Priority: P1 | Complexity: L | Dependencies: #3 (TypeScript migration)
Description
Initialize a React + Vite project with TypeScript and Tailwind in
frontend/. Build the public alumni directory page with responsive card grid. Use React Router for client-side routing.Acceptance Criteria
frontend/with React 18+, Vite, TypeScript, Tailwind, React RouterGET /api/alumniand renders profile cards (name, major, grad year, photo, LinkedIn link)/alumni/:idwith full bio + experiences/apirequests to the backendPriority: P1 | Complexity: L | Dependencies: #3 (TypeScript migration)