FakeFlix : v2

=> Vidéo de présentation en bas de la page <=

Maintenant que votre application possède les fonctionnalités de base, on va prendre le temps de rajouter quelques subtilités d'ordre fonctionnelles et techniques. Le chef de projet est passé par la, et il vous a confié quelques tâches...

Voici la liste des specs à implémenter (si ça n'est pas déjà fait) :

• refactorer la barre de recherche et l'affichage des résultats avec VueX
• supprimer tous les appels aux données qui utilisent les $root et les $parent
• créer un composant pour l'affichage des films dans les résultats de recherche (movieThumbnail)
• ajouter les fonctions redondantes de votre application à l'instance de Vue (par exemple : la fonction qui permet de charger la route /movie/:id, les fonctions de fetch GET et POST (ou axios si vous l'utilisez), etc...)
• créer des variables d'environnement pour stocker les grandes constantes de votre appli (URL de l'API, appID, etc...)
• passer la gestion des différentes routes de l'API dans le store via des getters
• passez la gestion des listes de favoris et de "films déjà vus" dans le store
• ajouter un spinner de chargement sur la page de film afin d'éviter un rechargement visible à l'utilisateur (utilisez le throttle de la console pour simuler une connexion bas débit)
• faire en sorte que les nouveautés ne se charge que au login (inutile de les recharger plusieurs fois)
• refactorer le terme de recherche dans la searchBar afin de le rajouter dans la page de résultat
• rajouter un spinner lorsque l'utilisateur effectue une nouvelle recherche
• gérer les cas de recherche suivant : champ de recherche vide, recherche avec résultats, recherche sans résultats
• utilisez les fonctions de mapping dans vos composants pour tous les éléments du store (state, getters, mutations, actions)
• buildez votre projet, et déployer le sur un serveur accessible sur Internet
• créez un repository sur github avec tout votre code source

Bonus

=> Pour ceux qui sont à l'aise, implémentez le système de module de VueX

Vidéo de présentation (longue, mais important) :