← Alle projekter

Heartbeat

Heartbeat opstod ud fra en personlig udfordring. Jeg oplever jævnligt hovedpine og ønskede derfor at få en bedre forståelse af, om der var sammenhænge mellem min hverdag, træning og hovedpinen. Jeg ledte efter en simpel, fleksibel og stabil app, hvor jeg samtidig havde fuld kontrol over mine data. Da jeg ikke fandt en løsning, der passede til mine behov, besluttede jeg mig for at bygge den selv.
Resultatet blev Heartbeat – en skalerbar webapplikation udviklet i PHP, JavaScript og CSS med et specialbygget backend-system og en SQL-database. Applikationen er bygget med fokus på fleksibilitet, brugervenlighed og kontrol over egne data.

I Heartbeat kan jeg blandt andet registrere den daglige intensitet og type af hovedpine, eventuel medicin samt mit mentale velbefindende. Derudover kan jeg registrere træning, øvelser, vægte og gentagelser. Dataene visualiseres efterfølgende ved hjælp af Chart.js, hvilket gør det lettere at identificere mønstre og udvikling over tid.

Appen starter med en login-side med sikker autentificering, hvor adgangskoder opbevares som sikre hashes frem for i klartekst. Efter login mødes brugeren af en overskuelig forside med de to primære områder, “Daily” og “Workout”. Via menuen er der desuden adgang til blandt andet registreringer, statistik og en personlig database over parfumer.

Dashboard

Forsiden fungerer som et centralt dashboard, hvor de vigtigste funktioner er samlet. Herfra kan dagens oplysninger registreres, træning håndteres og relevante områder tilgås hurtigt.
På “Daily”-siden kan jeg registrere blandt andet hovedpine, medicin og mentalt velbefindende, mens “Workout” bruges til at registrere dagens træning.

Træning

Workout-delen er bygget med fokus på at gøre registreringen så enkel som muligt. Efter en øvelse er registreret, returnerer systemet automatisk til træningsoversigten og scroller videre til den næste øvelse. På den måde slipper jeg for manuelt at finde tilbage til det rigtige sted efter hver registrering.

Statistik

Statistikdelen samler de registrerede data og viser blandt andet den seneste registrering inden for hver kategori. Her kan jeg få et hurtigt overblik over udviklingen og bruge de mere detaljerede visninger til at undersøge mulige sammenhænge.
De enkelte kategorier kan åbnes i en detaljeret visning med både graf og tabel, hvor data visualiseres ved hjælp af Chart.js.
Formålet er ikke blot at gemme data, men at gøre dem anvendelige. Ved at kunne se udviklingen over tid bliver det lettere at identificere mønstre og efterfølgende justere min hverdag, rutiner eller træning.

Et projekt i konstant udvikling

Heartbeat er et levende projekt, som løbende udvikler sig i takt med mine behov. Nye funktioner bliver tilføjet, når jeg støder på nye udfordringer eller får idéer til forbedringer.
Projektet er samtidig et godt eksempel på, hvordan jeg arbejder med at udvikle løsninger fra bunden. Fra database og backend til brugerflade, visualisering og funktionalitet er systemet bygget specifikt til det behov, det skal løse.

Det vigtigste for mig er at have kontrol over både data og funktionalitet – og at skabe et værktøj, der rent faktisk gør hverdagen lettere.
Så snart jeg logger ind på Heartbeat, bliver jeg ført direkte til dashboardet. Her finder jeg de to primære handlingsknapper, “Daily” og “Workout”, som giver hurtig adgang til de aktiviteter, jeg ønsker at registrere. Under knapperne vises et dynamisk søjlediagram, genereret med Chart.js, som giver et visuelt overblik over min udvikling på tværs af måneder.
Så snart jeg logger ind på Heartbeat, bliver jeg ført direkte til dashboardet. Her finder jeg de to primære handlingsknapper, “Daily” og “Workout”, som giver hurtig adgang til de aktiviteter, jeg ønsker at registrere. Under knapperne vises et dynamisk søjlediagram, genereret med Chart.js, som giver et visuelt overblik over min udvikling på tværs af måneder.
Når jeg går til “Workout”, får jeg vist en liste over de øvelser, jeg regelmæssigt benytter. Når en øvelse er registreret, bliver jeg automatisk sendt tilbage til træningsoversigten, hvor siden samtidig scroller ned til den næste øvelse. På den måde behøver jeg ikke scrolle mere end nødvendigt, hvilket gør registreringen hurtigere og mere sammenhængende.
Når jeg går til “Workout”, får jeg vist en liste over de øvelser, jeg regelmæssigt benytter. Når en øvelse er registreret, bliver jeg automatisk sendt tilbage til træningsoversigten, hvor siden samtidig scroller ned til den næste øvelse. På den måde behøver jeg ikke scrolle mere end nødvendigt, hvilket gør registreringen hurtigere og mere sammenhængende.
Statistiksektionen giver et struktureret overblik over alle registrerede kategorier. For hver kategori vises den seneste registrering, så jeg hurtigt kan se, hvornår jeg sidst havde hovedpine, eller hvornår jeg senest udførte en bestemt øvelse. Det gør det lettere at identificere mønstre og foretage justeringer i både min daglige rutine og min træning.
Statistiksektionen giver et struktureret overblik over alle registrerede kategorier. For hver kategori vises den seneste registrering, så jeg hurtigt kan se, hvornår jeg sidst havde hovedpine, eller hvornår jeg senest udførte en bestemt øvelse. Det gør det lettere at identificere mønstre og foretage justeringer i både min daglige rutine og min træning.
Hvis jeg har brug for mere detaljerede oplysninger, kan jeg klikke ind på den enkelte kategori. Her bruger jeg igen Chart.js til at give et hurtigt visuelt overblik over, hvordan dataene har udviklet sig over tid. Under hver graf vises desuden en tabel med en mere detaljeret oversigt over de enkelte datapunkter.
Hvis jeg har brug for mere detaljerede oplysninger, kan jeg klikke ind på den enkelte kategori. Her bruger jeg igen Chart.js til at give et hurtigt visuelt overblik over, hvordan dataene har udviklet sig over tid. Under hver graf vises desuden en tabel med en mere detaljeret oversigt over de enkelte datapunkter.