pocket-chords/app/README.md

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