Tobias Wolmar

Om Projektet

Frontend

Backend

Fit App er et personligt hobbyprojekt, som jeg har udviklet for at kunne tracke min træning og mine fremskridt. Appen giver mulighed for at oprette en profil, oprette træningsplaner, logge træning og se statestikker over tid.

Appen er bygget i Next.js med TypeScript, og bruger Supabase til at håndtere bruger- og træningsdata. Der er tilføjet grundlæggende PWA-support, så appen kan installeres direkte på mobilen og bruges som en normal app.

Jeg ønskede en nem og hurtig måde at logge min træning på og samtidig kunne følge mine fremskridt over tid. Derfor ville jeg samle de funktioner, jeg havde brug for, ét sted – med mulighed for at tilpasse dem til mine egne behov.

Testbruger:

Email: test@test.com

Kodeord: hello123

Techstack

Snapshots

Teknologier

Next.js

Jeg har brugt Next.js som React-framework til at udvikle projektet, hvilket har gjort det muligt at opbygge en struktureret kodebase. Her har jeg gjort brug af server actions til at håndtere dataopdateringer.

Supabase

Jeg har brugt Supabase som database, hvilket snakker godt sammen med Next.js. Supabase tilbyder en række funktioner, der gør det nemt at håndtere brugerdata og autentificering.

Motion

Motion har gjort det muligt at tilføje flydende animationer og interaktioner, der forbedrer brugeroplevelsen. Jeg har i dette projekt brugt det til at animere de forskellige modal vinduer og interaktive elementer.

Tailwind CSS

Jeg har brugt Tailwind CSS til at style mine komponenter. Tailwind har gjort det nemt at implementere responsive design og sikre en ensartet stil på tværs af applikationen.

TypeScript

TypeScript har hjulpet mig med at skrive mere robust og vedligeholdelig kode. Ved at tilføje typekontrol til JavaScript har jeg reduceret fejl og forbedret udviklingsprocessen.

Fit App