Skip to content

codexarama/Fakeflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fakeflix

Projet perso | Clone d'une Plateforme de streaming

Visuel

PROBLEMATIQUE

Reproduction de l'interface et de ses fonctionnalités

Fonctionnalités

opérationnelles

👁️ Affiche une gallery de films par catégories

🔄 Bascule entre l'affiche et les informations du film

▶️ Joue le généric standard pour un film sélectionné

❤️ Ajoute un-des film-s à la liste de films à voir

❌ Supprime un-des film-s à la liste de films à voir

🔎 Recherche un film et affiche les résultats correspondants

à venir

  • Personnalise le profil utlisateur
  • Joue la bande-annonce officielle du film sélectionné
  • Ajoute un vote (like / dislike) au film sélectionné (actualisation du compteur de votes)

Compétences développées

  • Reproduction d'une application et de ses fonctionnalités
  • Utilisation d'une base de données sur serveur distant
  • Sécurisation de la clé d'authentification à l'API
  • Optimisation des performances de chargement et de rendu

Méthodologie

🔘 Analyse · Synthèse · Personnalisation

🔘 Environnement local sécurisé

🔘 Appels asynchrones de l'API REST tmdb

🔘 Mise en cache des données

🔘 Gestion des données : itération, filtre, tri, adaptation

🔘 Traitement différé des fonctionnalités selon besoin

🔘 Fragmentation du code (bundle splitting)

🔘 Gestion locale & globale des états

🔘 Rendus conditionnels selon interaction

🔘 Mémorisation des valeurs et états selon besoin

🔘 Génération aléatoire d'affichage

Choix techniques

VOIR TAGS DE LA DESCRIPTION DU DEPÔT

Gestionnaires d'Etat

✔ useState
✔ useContext
✔ useReducer

Mémorisation de valeurs

✔ useRef
✔ useMemo

Actualisation de rendu

✔ useEffect

Gestionnaires de navigation

✔ React Router
✔ Nested Routes
✔ useLocation
✔ useNavigation

Hooks personnalisés

✔ usePopup
✔ useFetch

Optimisation des performances

✔ Axios
✔ Cache data
✔ Local storage
✔ Lazy / Suspens

Bibliothèque

React-JS

Installation

Editeur recommandé

Prérequis

  • Git pour cloner les repos
  • nodeJS (version 17.8.0) pour exécuter les commandes
  • npm (version 8.6.0) pour lancer l'application

Dépendances

Lancement du front-end

  • Cloner le repo : git clone https://github.com/codexarama/WealthHealth.git
  • Aller dans ce dossier : cd WealthHealth
  • Installer ses dépendances : npm install
  • Lancer l'application : npm start
URL de visualisation du rendu web : http://localhost:3000