2b8a429e1f
- 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
4.0 KiB
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