clawd
e0930fdef9
- .add-set-btn: full-width dashed border button, 44px touch target, accent hover - .delete-set-btn: 36px wide inline button, subtle opacity, red on hover, disabled state - .set-type-modal-overlay: fixed fullscreen overlay with semi-transparent dark background - .set-type-modal: bottom-sheet card (border-radius top only), max-width 600px - .set-type-option: full-width option card with label/description layout, 56px tall - .set-type-option.dropset: accent-colored title for dropset option - .set-type-cancel: borderless cancel button, 44px touch target - Uses existing dark theme variables: --bg-card, --bg-secondary, --border, --accent, --text-primary, --text-secondary
Gravl - Träningsapp
En enkel träningsapp för att följa PPL-program (Push/Pull/Legs) med progressionsspårning.
Features
- 📋 PPL Program - 6-dagars Push/Pull/Legs split
- 📊 Träningslogg - Logga vikt/reps för varje set
- 📈 Progression - Automatiska viktrekommendationer
- 📱 Mobilanpassad - Fungerar perfekt på telefon
- 🌙 Mörkt tema - Bekvämt för gymmet
Tech Stack
- Frontend: React (Vite) + CSS
- Backend: Node.js/Express
- Database: PostgreSQL
- Container: Docker med nginx
Quick Start
# Initiera databasen
psql -h localhost -U postgres -d gravl -f db/init.sql
# Starta med Docker Compose
cd /workspace/gravl
docker compose up -d --build
Åtkomst
API Endpoints
| Endpoint | Method | Beskrivning |
|---|---|---|
/api/health |
GET | Hälsokontroll |
/api/programs |
GET | Lista alla program |
/api/programs/:id |
GET | Hämta program med dagar |
/api/days/:id/exercises |
GET | Hämta övningar för en dag |
/api/logs |
GET | Hämta träningsloggar |
/api/logs |
POST | Logga ett set |
/api/progression/:id |
GET | Få viktrekommendation |
Databasschema
programs- Träningsprogramprogram_days- Dagar i programmet (Push A, Pull A, etc.)exercises- Övningar (Bench Press, Squat, etc.)program_exercises- Kopplar övningar till dagar med sets/repsworkout_logs- Loggade träningsset
Progression
Appen rekommenderar att öka vikten med 2.5kg när du når max reps på alla sets.