PocketChords — Frontend
React Router v7 SPA with Tailwind CSS and shadcn/ui. Mobile-first design for viewing chord charts while playing.
Setup
npm install
Development
npm run dev
Opens at http://localhost:5173. Set VITE_API_URL in .env to point to the backend (defaults to /api).
Build
npm run build
Outputs static files to build/client/. The Rust backend serves these in production.
Stack
- React 19 + React Router 7 (SPA mode)
- Tailwind CSS 4 + shadcn/ui
- Tonal (music theory / chord voicings)
- Vite