Book Movies

Description

Book Movies est une application web moderne développée avec React qui permet aux utilisateurs de rechercher et découvrir des films. L'application utilise l'API TMDB (The Movie Database) pour récupérer les informations sur les films et intègre Appwrite comme backend pour stocker les termes de recherche et les statistiques d'utilisation.

Fonctionnalités

• Recherche de films en temps réel
• Affichage des films populaires par défaut
• Débounce sur la recherche pour optimiser les appels API
• Suivi des termes de recherche avec Appwrite
• Interface utilisateur réactive et moderne
• Affichage des détails des films (affiches, titres, etc.)

Technologies utilisées

• React.js
• Vite.js
• Appwrite (Backend as a Service)
• API TMDB
• Tailwind CSS

Installation et configuration

Prérequis

• Node.js (v14 ou supérieur)
• npm ou yarn
• Compte Appwrite
• Clé API TMDB

Étapes d'installation

1. Clonez le dépôt GitHub :

git clone [email protected]:djonzoumbek/react-movie.git
cd react-movie

2. Installez les dépendances :

npm install

3. Créez un fichier .env à la racine du projet avec les variables suivantes :

VITE_TMDB_API_KEY=votre_clé_api_tmdb
VITE_APPWRITE_PROJECT_ID=votre_project_id_appwrite
VITE_APPWRITE_DATABASE_ID=votre_database_id_appwrite
VITE_APPWRITE_COLLECTION_ID=votre_collection_id_appwrite

4. Lancez l'application en mode développement :

npm run dev

L'application sera accessible à l'adresse http://localhost:5173 (ou le port indiqué par Vite).

Configuration d'Appwrite

1. Créez un compte sur Appwrite
2. Créez un nouveau projet
3. Créez une base de données avec une collection pour stocker les termes de recherche
4. Configurez les attributs de collection nécessaires :
   • searchTerm (string)
   • count (integer)
   • movie_Id (string)
   • poster_url (string)

Déploiement

Pour construire l'application pour la production :

npm run build

Les fichiers de build seront générés dans le dossier dist/.

Licence

Ce projet est sous licence MIT.