git clone git@github.com:TryZorce/Nextflix.gitcd Nextflixnpm run devVotre agence participe à un appel d’offre pour réaliser une platform de streaming, pour cela elle souhaite réaliser un MVP (produit minimum viable) à présenter aux futurs clients. Au vu de vos dernières réalisations le responsable technique du projet souhaité vous confier cette tâche.
Ce projet servira de support de démonstration, vous êtes libres dans le design du site mais le plus important reste les fonctionnalités ! Libre à vous de vous inspirer de Netflix et des autres sites de streaming.
Néanmoins vous devrez satisfaire les contraintes techniques et fonctionnelles fournies par l’agence dans le cahier des charges.
Le responsable technique à défini la stack technique du projet : Nextjs, React et CSS. Vous êtes libre d’utiliser Bootstrap ou un autre framework css pour vous faciliter la tâche.
Pour la réalisation du projet vous utiliserez l’API de The Movie DB. Voici le cahier des charges :
La page d'accueil doit présenter un "hero banner" qui met en avant le film actuellement le plus populaire, sélectionné comme étant le premier de la liste des films les plus populaires.
Trois carrousels distincts devraient être mis en place sur la page d'accueil pour présenter les films selon leurs catégories : les plus populaires, les mieux notés et les prochaines sorties.
Chaque miniature de film dans les carrousels doit être cliquable et rediriger vers une page de détails spécifiques pour ce film.
Une barre de recherche doit être accessible sur toutes les pages, permettant aux utilisateurs de rechercher et d'être redirigés vers une page de résultats basée sur leurs requêtes. Cette page listera les films qui correspondent aux termes de recherche entrés.
Il est nécessaire de créer des pages distinctes dédiées aux films les plus populaires, les mieux notés, et les prochaines sorties. Chaque page offrira une vue détaillée et spécifique de chaque catégorie.
Les utilisateurs doivent pouvoir ajouter des films à une liste de favoris stockée dans le local storage de leur navigateur. Une page spéciale où les utilisateurs peuvent visualiser et gérer leurs films favoris doit également être disponible.
Temps #1 collectivement - découverte du cahier des charges Temps #2 collectivement - remédiation, récapitulatif du brief et stratégie de développement Temps #3 individuel - réalisation
- MCD de la base de données.
- Maquettes / wireframes.
- Dépôt GitHub avec README complet et pertinent.
- Rendu Simplonline avec le lien des différents livrables (vérifier qu'ils soient accessibles publiquement !).
Ce brief était en autonomie. J'ai décidé de réaliser un projet Next/React. J'ai commencé par analyser le Cahier des charges et créer un Trello sur lequel j'ai pu nous organiser. J'ai aussi fait une maquette grâce à Figma. J'ai aussi fait le Schéma BDD avec erd-editor.io . J'ai également créé un dépôt Github pour partager mon code.
Passionné par le monde du développement, je suis actuellement en formation CDA DevOps à Simplon GRENOBLE. Curieux et toujours avide d'apprentissage, je m'efforce constamment d'approfondir mes connaisances ✨
✅ Graduated in Web & Mobile Development from Simplon Chambéry
⏳ Currently undergoing training as an Application Developer at Simplon Grenoble
Feel free to explore the projects I've completed during my training! 😊
If you want to learn more about my skills, discuss potential collaborations, or just exchange ideas, feel free to contact me. I'm open to professional opportunities and always ready to contribute to exciting projects.
Explore my projects and contact me for more information!
| Stack | |
|---|---|
| JavaScript |    |
| PHP |   |
| Database |  |
| CSS |   |
| Other |    |
| Tools | |
|---|---|
| Organisation |   |
| Design |  |