14cda2322e70947e4b51b3301098eeff1f1fc186
Researched: - Dropset conventions: 20-25% weight reduction per step (HIGH confidence, strength training literature) - React array management: Use filter() for immutable removals (HIGH confidence, official React docs) - Mobile delete UX: Combine inline icons + optional swipe, 48px touch targets (HIGH confidence, WCAG + NN/G) - Lightweight modal: Plain CSS overlay pattern without component library (MEDIUM confidence, verified with community) - Backend set numbering: Recommend frontend renumbering before save to handle gaps (MEDIUM confidence, needs verification) Key deliverables: - Standard Stack: React 18 + plain CSS (no new dependencies) - Architecture Patterns: Dynamic array management, lightweight modal, inline delete with optional confirmation - Don't Hand-Roll: Array mutations (use filter), modal dialog (CSS is simpler than library), set calculations - Common Pitfalls: Set numbering gaps, missing reps defaults, arbitrary weight reductions, last-set deletion - Code Examples: Add/remove sets, dropset calculations, delete patterns with renumbering Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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.
Description
Languages
JavaScript
62%
CSS
28.7%
Shell
8.8%
TypeScript
0.2%
HTML
0.2%
Other
0.1%