(05/05)Web app, progettata e sviluppata
Trasforma la maratona di una serie TV in un piano: indichi quanti giorni e quante ore hai, ti dice quando finirai.
In breve
01 · Il problema
Per chi ama le serie TV la maratona è caos: quanto ci vorrà, quando finirà, si scontrerà con gli esami o con il sonno?
Marathoner la trasforma in un’esperienza pianificata, basata sul tempo libero che hai.
02 · La consegna
Cosa chiedeva il corso
Un sito web con più pagine, un’API esterna e un database con i dati dell’utente. Marathoner risponde a ciascuno dei tre.
Dal login al planner, fino a una pagina ironica di scuse pronte.
Serie, locandine, episodi e durate.
Account e watchlist restano tra un accesso e l’altro.
03 · Le scelte
La ricerca parte dal campo nella home
Il debounce evita una richiesta a ogni tasto
Serie, locandine, episodi e durate dall’API
Le risposte arrivate fuori ordine vengono scartate
Giorni, ore, data di fine ed episodi per sessione
Account e watchlist restano tra un accesso e l’altro
Cosa succede tra un tasto premuto e una watchlist salvata.
04 · Il progetto
01/04 Ricerca
La home è un grande campo di ricerca su The Movie Database: i suggerimenti arrivano dopo un debounce di 300 ms, con una protezione contro le risposte fuori ordine, sopra le serie di tendenza e le più votate.
02/04 Planner
Scegli giorni a settimana e ore al giorno: grazie alla reattività di Vue il planner ricalcola subito giorni di visione, settimane, data di fine ed episodi per sessione.
03/04 Avvisi
Due avvisi integrati: uno per gli esami, che dice quanti episodi al giorno servono per finire in tempo, e un controllo del sonno che ricorda di fermarsi a un orario decente.
04/04 Scuse
La pagina delle scuse non fa calcoli: scuse pronte per annullare gli impegni, con un finto indice di “credibilità”. Serve a far sorridere e dà personalità al prodotto.
05 · L'esito
Cosa ho consegnato
Realizzata con Vue 3, Vue Router e i componenti Material di Vuetify, Firebase Firestore per account e watchlist e le API di TMDB per locandine, episodi e durate.
Cosa ho imparato
Collegare l’API di TMDB, Firestore e la reattività di Vue mi ha mostrato quanto dati, attese e stato diano forma a un’interfaccia: una ricerca con debounce o una risposta che arriva fuori ordine sono problemi di esperienza utente prima che tecnici.
(03) Contatti
Tirocini UX/UI e magistrale
Cerco tirocini e collaborazioni come UX/UI designer, e una laurea magistrale per l’autunno 2027.
