Questo progetto consente di creare una to-do list, tenendo traccia dei vari compiti da svolgere avendo l'opzione di cancellare ed eliminare singolarmente le voci inserite. Abbiamo aggiunto anche alcune funzionalità supplementari, come un Pomodoro Timer e una pagina di benvenuto in cui l'utente può inserire il suo nome.
Il progetto è stato sviluppato con:
- L'obbiettivo era la creazione di una SPA che riassumesse le competenze acquisite nell'ultimo periodo.
- Nello specifico: la creazione e l'utilizzo di components react. La creazione di una pagina web con navbar, footer, e l'utilizzo di librerie di routing. Utilizzo di animazioni. Utilizzo di Tailwind per definire lo stile della pagina. L'utilizzo di alcuni hook, e di funzioni come setTimeout() e setInterval().
Welcome page:
Inserendo il proprio nome ci si registra e si passa alla pagina adibita alle task.
By Paolo Montagna
Home/Task page:
Qui' si ha la possibilita' di aggiungere o rimuovere eventuali tasks, nonche' l'opzione di spuntare le tasks eseguite.
By Riccardo Patronaggio
Pomodoro timer:
Questa pagina e' basata su una tecnica efficace per gestire il proprio tempo:
In questa pagina si hanno a disposizione 3 opzioni per il timer, una di default (il piu' lungo) fatto per il lasso di tempo in cui si deve studiare, una (opzione corta) per le pause brevi e l'ultima (opzione intermedia) per le pause lunghe.
By Miriam Pasculli
Navbar, footer e adattamento mobile:
by Vittorio D'Ambrosio
Per domande o feedback contattate l'indirizzo: [email protected]