La mia prima App

2 minuti

Indice dei contenuti

La magia del codice: un’app a tema Harry Potter

“Entra nel magico mondo”: con questa frase si apre l’app Android da me realizzata in Flutter, dedicata all’universo di Harry Potter e creata come progetto d’esame. Fin dalla prima schermata, il castello di Hogwarts sullo sfondo accoglie l’utente in un’atmosfera incantata, pronta a essere esplorata con un semplice tocco.

L’app si compone di quattro schermate interattive, ognuna progettata con attenzione alla grafica, alla struttura del codice e all’esperienza d’uso:

  • Sfondo: Hogwarts, simbolo iconico del mondo magico.
  • Testo: call to action “Entra nel magico mondo”.
  • Azione: al clic, compare una bacchetta magica animata che guida all’interno dell’app.

Schermata Personaggi

In questa schermata, l’utente può esplorare i personaggi principali della saga di Harry Potter, visualizzati tramite una chiamata API. Ogni personaggio viene mostrato con un’anteprima che include:

  • Nome
  • Casata
  • Immagine

Grazie a uno switch interattivo, l’utente può scegliere tra vista elenco e vista card, per un’esperienza di navigazione più personalizzata.

Schermata Dettaglio

Cliccando su un personaggio, si accede alla Schermata Dettaglio, dove sono disponibili informazioni estese come:

  • Data di nascita
  • Soprannome
  • Attore che lo interpreta
  • Sistema di votazione da 1 a 5 stelle
  • Salvataggio del voto sul dispositivo

Schermata Statistiche

Visualizza le votazioni ricevute, con un tocco creativo:

  • Cambio colore ogni 5 voti
  • Indicazione visiva dell’apprezzamento ottenuto

Un tributo personale

Quest’app non è solo un esercizio tecnico, ma anche un omaggio a mia madre, che amava profondamente il mondo di Harry Potter. Ho voluto racchiudere in questo progetto la passione che ci ha accomunate, trasformandola in qualcosa di tangibile, funzionale e emotivamente significativo.

Aspetti tecnici

  • Struttura del codice: organizzata in moduli, con componenti riutilizzabili
  • UX curata per mobile con transizioni fluide e layout responsive
  • Elementi aggiuntivi inclusi: AppBar, switch layout, animazioni, sistema di voto dinamico
  • Tutto il progetto è stato commentato e ottimizzato con flutter clean prima della consegna

Ti piace questo progetto? Condividilo!