33 lines
578 B
Markdown
33 lines
578 B
Markdown
# PocketChords — Frontend
|
|
|
|
React Router v7 SPA with Tailwind CSS and shadcn/ui. Mobile-first design for viewing chord charts while playing.
|
|
|
|
## Setup
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
## Development
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
Opens at `http://localhost:5173`. Set `VITE_API_URL` in `.env` to point to the backend (defaults to `/api`).
|
|
|
|
## Build
|
|
|
|
```bash
|
|
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
|