To Do App

Værktøjer
VS Code HTML CSS JavaScript GitHub
Semester
3. semester

Om projektet

To Do App er udviklet som en app til at skabe overblik over daglige opgaver. Brugeren kan oprette opgaver med dato og tidspunkt, markere dem som færdige og vælge, om en opgave skal foregå udendørs. Ved udendørsopgaver vises der vejrdata for den valgte dag, så informationen bliver relevant for selve opgaven.

Udfordringen

Opaven var at udvikle en To Do App, der både skulle fungere teknisk og være nem at bruge. Appen skulle kunne oprette opgaver med unikke ID’er, dato og status, flytte færdige opgaver mellem lister og give brugeren mulighed for at slette dem igen.

Derudover skulle opgaver kunne markeres som udendørs, hvorefter appen skulle hente vejrdata fra et API og give relevant feedback til brugeren. Det gjorde opgaven mere kompleks, fordi flere funktioner skulle arbejde sammen, uden at appen blev uoverskuelig.

Proces

Jeg startede ud med at bygge appens grundlæggende funktioner op trin for trin i JavaScript. Først arbejdede jeg med at oprette og gemme opgaver som objekter i et array, hvor hver opgave blandt andet fik tekst, dato, status og et unikt ID. Derefter byggede jeg videre med funktioner til at markere opgaver som færdige, flytte dem mellem lister og slette dem.

Undervejs brugte jeg console.log() til løbende at teste koden og holde øje med, om opgaverne blev oprettet med de rigtige værdier, og om deres status ændrede sig korrekt. Til sidst arbejdede jeg med udendørsfunktionen og koblede appen til et vejr API, så der kunne hentes vejrdata ud fra den valgte dato.

Jeg udviklede og testede funktionerne løbende, så jeg kunne finde fejl undervejs og samtidig få en bedre forståelse for, hvordan de forskellige dele af JavaScript koden hænger sammen.

Løsning

Den færdige app gør det nemt for brugeren at oprette opgaver med dato, markere dem som færdige og slette dem igen. Opgaver kan også markeres som udendørs, så appen viser vejret for den valgte dag.

Jeg har holdt designet enkelt og overskueligt med en tydelig opdeling mellem opgaver, der skal laves, og dem der er færdige. På den måde er det hurtigt at få et overblik og holde styr på sine opgaver.

Næste projektABBA × Charli XCX

Lad os tage en snak

Kunne du se mig som en del af jeres team, eller vil du bare gerne vide lidt mere? Så er du altid velkommen til at tage kontakt.