francescodecarocarella / amazon-prime-video-clone Goto Github PK

Nome progetto: Amazon Prime Video Clone

Periodo svolgimento: 12/12/2022 - 16/12/2022

Mittente: Edgemony Palermo, in seno alla CodeWeek Project 2022

Professionista: De Caro Carella Francesco

Descrizione: il cliente ha richiesto di realizzare una piccola web app, con un design molto simile ad Amazon Prime Video, nel quale mostrare i film più popolari della storia del cinema.

Target: utenti appassionati di cinema

Linee guida: riferimento a Movie DB API: https://developers.themoviedb.org/3/getting-started/search-and-query-for-details

Strumenti: utilizza JSON Formatter per Chrome qualora non l’abbia installato in modo da vedere il JSON formattato direttamente da Chrome.

Caratteristiche

• Creare una web app simile a Prime Video ma dal design rinnovato e accattivante, adatto ad una fascia di età compresa tra i 25 e i 45 anni.
• Mostrare esclusivamente i film e non i telefilm.
• Creare una separazione di genere mettendo in risalto queste tre categorie: commedia, thriller, horror. Poi vada per il resto delle categorie.
• Creare una sezione separata per i Top Rated raggiungibile da una voce di menu. (Suggerimento: controlla che esiste un endpoint di MovieDB API che ci permetta di avere i top rated).
• Creare per ogni card “Movie” una modal con i dettagli del film che si apre al click sulla card stessa.
• Stampare il vote average per ogni movie attraverso la stampa di “n” stelle (Esempio: https://codepen.io/FredGenkin/pen/eaXYGV).

Considerazioni importanti: bisogna trovare una strategia per capire quali sono i film più popolari sfruttando le API che abbiamo a disposizione. Ci sarà sicuramente qualche proprietà nell’oggetto movie che ci può far comprendere che un film è popolare oppure no. O ancora potrebbe esistere un qualche endpoint che le API di MovieDB ci mettono a disposizione.

Extra features by Fdcc: a valutazione dell'elaborato conseguita, è stato possibile pianificare e lavorare su ulteriori upgrade del progetto. A seguire il changelog con l'avanzamento dei lavori, ad oggi ancora in corso d'opera.

V1.0_Data:16/12/22

• Ripulire codice CSS + JS.
• Creare hero film del momento.
• Creare modale con info aggiungtive al passagio del mouse sulle card.

V1.1_Data:19/12/22

• Inserire variazione menu con layout grafico differente desktop/mobile (CSS).
• Inserire funzione pagina attiva nell'header menu (HTML/CSS/JS).
• Regolare effetto sezione hero allo scroll del mouse tra desktop e mobile (CSS/JS).
• Regolare responsive della sezione hero (CSS).
• Regolare responsive della categoria/gallery movie (CSS).

WORK IN PROGRESS

• Regolare funzionalità frecce scorrimento delle categoria/gallery movie.
• Regolare modale info aggiuntive film
• Creare slideshow per la sezione hero.
• Perfezionare somiglianza col servizio Prime Video.
• Creare una search bar.
• Creare funzione salvataggio Preferiti.