📋 Table des matières

1. 🤖 Introduction
2. ⚙️ Technologies utilisées
3. 🔋 Features
4. 🤸 Installation du projet

🤖 Introduction

Le projet React-Interview est une application web développée en utilisant React.js et Redux. Cette application permet aux utilisateurs de parcourir une liste de films, de les filtrer par catégorie, de modifier le nombre d'éléments affichés par page et de naviguer entre les différentes pages de résultats.

⚙️ Technologies utilisées

• React.js : Bibliothèque JavaScript pour la construction d'interfaces utilisateur.
• Redux : Bibliothèque JavaScript pour la gestion de l'état global de l'application.
• React Paginate : Bibliothèque React pour la création de composants de pagination.
• React Select : Bibliothèque React pour la création de composants de sélection.

🔋 Features

👉 Parcours des films: L'application affiche une liste de films récupérés à partir d'une source de données statique. Les utilisateurs peuvent parcourir la liste complète des films.

👉 Filtrage par catégorie: Les utilisateurs peuvent filtrer les films par catégorie en sélectionnant une ou plusieurs catégories dans la liste déroulante des filtres. Les films affichés sont automatiquement mis à jour en fonction des catégories sélectionnées.

👉 Pagination: Les utilisateurs peuvent naviguer entre les différentes pages de résultats à l'aide des boutons de pagination en bas de la liste des films. Le nombre d'éléments affichés par page peut être modifié à l'aide de la liste déroulante de sélection du nombre d'éléments par page.

👉 Actions sur les films: Les utilisateurs peuvent supprimer un film de la liste en cliquant sur l'icône de suppression associée à chaque film. Les utilisateurs peuvent attribuer des likes et des dislikes à chaque film en cliquant sur les icônes appropriées.

🤸 Installation du projet

Suivez les étapes suivantes pour configurer le projet localement sur votre machine.

Prérequis

Assurez-vous que les éléments suivants sont installés sur votre machine :

• Git
• Node.js
• npm (Node Package Manager)

Cloner le dépôt

git clone https://github.com/AndyDev77/react-interview.git
cd react-interview

Installation

Installez les dépendances du projet à l'aide de npm :

npm install

Lancer l'application

npm run dev

Ouvrez http://localhost:5173 dans votre navigateur pour visualiser le projet.