Kropp

Träningsloggen som klarar sig utan nät.

Logga passen i gymmet, även utan täckning.

Tidigare loggade jag träningen i ett Numbers-dokument, vilket var klumpigt att fylla i mellan seten. Kropp är en webbapp som jag har lagt på hemskärmen, och den ska kännas som en vanlig iPhone-app.

Allt sparas först i telefonen och synkas med min server när det finns nät, så täckningen i gymmet spelar ingen roll. Jag planerar nästa pass från en mall, bockar av seten och kan se hur vikterna har utvecklats.

Första versionen var skriven i Blazor och .NET. Sedan skrev jag om den i React och TypeScript. Datamodellen är densamma, så de gamla passen följde med.

Det roliga under huven

Bara beröm

Appen räknar det man har gjort, aldrig det man har missat. Inga streaks bryts. Den firar första passet, jämna tal och veckans mål, och välkomnar den som kommer tillbaka efter ett uppehåll.

Nätet är valfritt

Allt sparas först i telefonen och skickas när det finns nät. Ett helt pass skickas på en gång, så det blir aldrig halvsparat.

Känns som iOS

Knapparna ser ut som glas, och sidorna glider in och ut som i en iPhone-app. Man drar ner ark för att stänga dem och sveper bort rader. Inget UI-bibliotek används.

Grafer som i Hälsa

Graferna fungerar som i Apples Hälsa-app. Dra fingret över grafen, så syns värdet stort ovanför.

302 övningar med bild

Varje övning kan ha en teckning, utvald för att synas bra även i liten storlek. Ett pass hämtar sina bilder i förväg, så de finns i gymmet utan nät.

Fler bilder

Byggt med React, TypeScript, Tailwind, IndexedDB, Hono, PostgreSQL, PWA.

Nästa: ByggSe möbeln innan du sågar.