# 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