Questo progetto è stato realizzato per replicare l'interfaccia di Netflix, sfruttando le funzionalità più recenti di Angular 19. L'obiettivo non è stato solo riprodurre il design, ma costruire un'applicazione performante con un'esperienza utente fluida, animazioni curate e un layout capace di adattarsi perfettamente a qualsiasi dispositivo.
Sono stati curati diversi aspetti per rendere l'esperienza "premium":
- Stack: Il sito è costruito interamente in Angular 19, utilizzando i Signals per una gestione dello stato reattiva e pulita.
- Design Responsive: Il layout si adatta automaticamente a mobile, tablet e desktop, inclusa la gestione dinamica della sezione "hero".
- Percentuale di Affinità: È stata implementata una logica personalizzata che calcola quanto un film è "compatibile" basandosi sui voti.
- Stile: È stato utilizzato TailwindCSS per gestire lo stile in modo modulare, ricreando l'estetica tipica di Netflix (font Inter e spaziature).
- Ricerca Intelligente: La ricerca avviene in tempo reale e il layout dei risultati è ottimizzato per evitare scatti durante il caricamento.
- Framework: Angular 19
- Stile: TailwindCSS
- Linguaggio: TypeScript
- Gestione Stato: Angular Signals
- Icone: Heroicons & SVG Custom
Realizzato da Giorgia Lari