MB.
Tutti i lavori

Calendar Events

Web App · React · Sports Dashboard · Event Calendar · Streaming Guide · TV Schedule · PWA

Calendar Events
Calendar Events è una web app pensata come dashboard personale per seguire eventi sportivi, calendari, classifiche, palinsesti TV e contenuti streaming. L’app nasce per raccogliere in un’unica esperienza sezioni che normalmente sarebbero disperse tra siti, app sportive, guide TV e piattaforme diverse. La Home aggrega i prossimi eventi rilevanti dalle sezioni principali e li presenta con card premium, countdown live, evidenza del prossimo evento in assoluto e una scheda “Stasera in TV” dedicata ai programmi serali. L’obiettivo è offrire una panoramica rapida su cosa sta per accadere, cosa guardare e quali appuntamenti meritano attenzione. Le sezioni sportive sono dedicate a Jannik Sinner, Juventus, Formula 1 e MotoGP. Per Jannik Sinner l’app mostra profilo sintetico, risultati e calendario tornei; per Juventus calendario partite e classifica Serie A; per Formula 1 calendario GP, classifica piloti e costruttori; per MotoGP calendario weekend, classifica piloti e costruttori. Ogni sezione è pensata per rendere consultabili informazioni rilevanti in modo ordinato e visivo. La vista Calendario aggrega Juventus, F1 e MotoGP in due modalità: mese in stile Google Calendar e agenda cronologica raggruppata per giorno. I filtri sport cliccabili permettono di includere o escludere rapidamente Juventus, Formula 1 e MotoGP, mantenendo lo stato persistito nel browser. Il pulsante di sincronizzazione consente di aggiornare i dati in tempo reale insieme alla Home. La sezione Streaming aggiunge una dimensione media all’app. Include una tab per la TV serale, con palinsesto reale organizzato per famiglie di canali, e una tab “Nuove uscite” trasformata in Catalogo Italia. Il catalogo usa dati TMDB per mostrare film e serie disponibili in Italia, con filtri per provider, tipologia, genere, ordinamento e finestra temporale. I provider principali gestiti dalla UI sono Netflix, Prime Video, Disney+ e HBO Max. Il dettaglio dei contenuti streaming mostra informazioni arricchite come generi, regista o creators, runtime o stagioni, cast principale, trailer YouTube quando disponibile, provider italiani con loghi e link alla disponibilità tramite JustWatch. La UI espone anche un riepilogo dei filtri attivi e della finestra effettiva, rendendo più chiaro perché una lista risulti ampia, ridotta o vuota. Dal punto di vista dell’esperienza utente, Calendar Events punta su un’identità premium sport/media: card evento con bordo gold, hover lift, glow soft, highlight del prossimo evento, countdown aggiornato ogni secondo, tema light/dark e layout responsive. L’interfaccia è progettata per essere consultabile sia da desktop sia da mobile, con attenzione alla leggibilità dei contenuti e alla rapidità di accesso. Il progetto rappresenta una dashboard personale per passioni sportive e contenuti da guardare: unisce eventi live, calendari, classifiche, palinsesti e streaming in una sola app, con integrazioni dati esterne, UI curata e logica di aggregazione pensata per ridurre la frammentazione tra fonti diverse.
Anno
2026
Stack
ReactTypeScriptViteTailwind CSSshadcn/uiRadix UIReact QueryReact RouterSupabase Edge FunctionsTMDB APIVitestPlaywrightPWA