Files
gravl/TODO.md
T
clawd 2b8a429e1f design: WorkoutPage Hevy-style redesign + AlternativeModal + backend API
- Add GET /api/exercises/:id/alternatives endpoint
- Add GET /api/exercises/:id/last-workout endpoint
- New AlternativeModal component for swapping exercises
- WorkoutPage: single-tap logging, +/- buttons, rest timer
- Updated Icons with new workout icons
- Polish: card shadows, borders, micro-interactions
- Tasks directory for project management
2026-02-28 21:25:23 +01:00

4.0 KiB

Gravl - Feature Roadmap

🎨 Design Overhaul - Fitness App Feel

Mål: En professionell, atletisk känsla - inte en hobby-app med emojis.

Färgpalett

  • Primär: Mörk bakgrund (#0a0a0f eller liknande)
  • Accent: Energisk orange/röd (#ff6b35) eller electric blue (#00d4ff)
  • Text: Ljus på mörk (#ffffff, #a1a1aa för sekundär)
  • Gradienter: Subtila, inte rainbow

Typografi

  • Rubrik: Bold, kondenserad sans-serif (Inter, Oswald, eller liknande)
  • Body: Clean sans-serif
  • Siffror/stats: Monospace eller tabular för alignment

Ikoner & Grafik

  • Bort med ALLA emojis - ersätt med:
    • SVG-ikoner (Lucide, Heroicons, eller custom)
    • Stiliserade fitness-silhuetter för workout-typer
    • Abstrakta former/linjer istället för cartoonish grafik
  • Coach-avatar: Stiliserad silhuett eller initialer, inte emoji
  • Workout-ikoner: Dumbbell, barbell, kettlebell som rena linjeikoner

UI-komponenter

  • Kort: Subtila skuggor, mjuka kanter, inte "bubbliga"
  • Knappar: Solid eller outlined, inte gradient-rainbow
  • Progress bars: Tunna, eleganta
  • Kalender: Minimalistisk, färgkodade dots/bars

Bilder

  • Hero-bilder: Högkvalitativa träningsbilder (Unsplash fitness)
  • Bakgrunder: Mörka texturer eller subtila patterns
  • Inga clip-art eller cartoon-style

Animation

  • Subtila micro-interactions
  • Smooth transitions (300ms ease)
  • Loading states: Skeleton screens, inte spinners med emojis

Inspirations-appar

  • Nike Training Club
  • FITBOD
  • Strong
  • Hevy

🔐 Onboarding & Signup

  • Registrering/inloggning (email + lösenord)
  • Onboarding-wizard med steg-för-steg guide
  • Konversations-onboarding med Coach - istället för formulär, en dialog som gräver fram riktiga mål (rekomp, specifika muskler, livsstil, etc.)

🏠 Dashboard / Landningssida (efter inlogg)

  • Veckokalender - visar träningsdagar markerade
  • Dagens pass - huvudinnehåll, tydligt call-to-action
  • Coach-hälsning - personlig motivation/tips från din coach
  • Enkel meny/navigation
  • Inspiration: MadMuscles-stil

👤 Användarprofil

  • Kön
  • Ålder
  • Vikt
  • Kroppsmått för kroppsfettberäkning:
    • Hals
    • Mage
    • Höft (för kvinnor)
  • Automatisk kroppsfett-kalkylering (US Navy-metoden)

🎯 Mål & Erfarenhet

  • Ange träningserfarenhet (nybörjare/medel/avancerad)
  • Ange 1RM på basövningar (bänk, knäböj, marklyft)
  • Estimera startvik baserat på erfarenhet/1RM
  • Nybörjare startar lätt automatiskt
  • Ange träningsmål:
    • Styrka
    • Hypertrofi
    • Fettförbränning
    • Allmän fitness

📅 Träningsupplägg

  • Användaren anger antal pass/vecka
  • Generera anpassat program utifrån frekvens
  • Adaptiva pass som matchar mål
  • Progressiv överbelastning som pushar användaren

🏋️ Träningspass

  • Dedikerad pass-sida - "Starta pass" → egen vy för passet
  • Alternativa övningar - byt ut övning mot variant för samma muskelgrupp
  • Uppvärmningsövningar - inkludera före huvudpasset
  • AI-anpassning efter dagsform - coach föreslår annat upplägg vid låg energi, skada, etc.

👤 Profilsida

  • Visa/redigera användarinfo (ålder, vikt, längd, mål)
  • Visa aktuella mätningar och kroppsfett
  • Ändra träningsfrekvens och mål
  • Inställningar

📊 Progressionssida

  • Progressgrafer (vikt, styrka, kroppsfett över tid)
  • Regelbundna benchmark-tester (var 4-6 vecka)
  • Jämförelse mot tidigare resultat
  • Visualisering av 1RM-utveckling per övning
  • Notifikationer/påminnelser för benchmarks

📖 Övningsinformation

  • Dedikerad infosida per övning
  • Beskrivning av utförande
  • Muskelgrupper som tränas
  • Demo-video/animation
  • Länk till alternativa övningar
  • Tips & vanliga misstag

🔮 Framtida features

  • Social/dela resultat
  • Vila-timer med notis
  • Export av träningsdata
  • Apple Health / Google Fit integration