WatchNow a été réalisé à partir de la 6ème semaine de formation à la Wild Code School par Thibaud, Jean-Marc et Maxim, avec le but d'appliquer nos acquis en JavaScript, React, une initiation au backend avec l'utilisation d'une base de données et la méthode Fetch et enfin, la mise en place d'un workflow en utilisant la méthode SCRUM.
Watch Now est un concept de plateforme digitale de location de films. A partir d'une base de données fournie, nous devions construire autour un environnement composé de plusieurs pages disposant la dite BDD, un système de navigation et un formulaire de contact.
Le processus de recherche sur Watch Now est ergonomique et complet.
Les utilisateurs peuvent soumettre leurs critères de recherche grâce à des filtres :
- Par Genres
- Par années de sortie
- Par score, déterminé par le nombre de vote soumis par les utilisateurs.
La Homepage dispose de composants proposant les dernières entrées du catalogue et les films les mieux notés de la plateforme. Dans la page "Movies", disposez de l'ensemble des films du catalogue en un clic.
Chaque page dispose d'une page de description avec le backdrop, la jaquette, le synopsis et le score correspondant au film. (En cours de refonte)
Étude du design et des fonctionnalités clés que nous souhaitions offrir aux utilisateurs, comme la recherche des films, la soumission de critères de recherche. Création d'une maquette du site pour visualiser son apparence et son organisation via l'application Figma. Choix une palette de couleurs professionnelle et un design épuré qui reflètent la simplicité et l'efficacité que nous souhaitions offrir aux utilisateurs et correspondant à l'univers du cinéma.
Choix de technologies de développement web appropriées en fonction de nos compétences, mise en place de la base de données, définition des features importantes et hiérarchisation des components. Développement des fonctionnalités clés, notamment la soumission de critères de recherche et la présentation des résultats de manière pertinente. Optimisation pour une utilisation mobile, car de nombreux utilisateurs accèdent aux plateformes en ligne depuis des appareils mobiles. Ajout d'un menu modal ergonomique.
- Maquette / Wireframe
- Conception du site
- Mise en place des routes et des navigations
- Design, layout et CSS des pages principales (Hormis la MoviePage et le formulaire)