This is a React-based Movie App built while following JavaScript Mastery tutorials. It fetches movie data from the TMDB API, displaying trending movies, search results, and more. 🚀
✅ Fetches and displays Trending Movies, Now Playing, and Top Rated movies.
✅ Search functionality with Debouncing to optimize API requests.
✅ React Hooks: useState, useEffect, and more.
✅ Responsive UI with clean design.
- React.js
- TMDB API (for fetching movie data)
- Hooks (
useState,useEffect) - Debouncing (for efficient search input handling)
- Clone the repository:
git clone https://github.com/MisterRaju/Movieshow.git cd movie-app - Install dependencies:
npm install
- Create a .env file and add:
VITE_TMDB_API_KEY= your_api_key_here VITE_APPWRITE_PROJECT_ID=your_project_id_here VITE_APPWRITE_DATABASE_ID=your_database_id_here VITE_APPWRITE_COLLECTION_ID=your_collection_id_here
4.Start the development server:
npm run dev- 🚀 React Hooks (
useState,useEffect) - 🔍 API Fetching & Handling Responses
- 🎯 Debouncing for Optimized Search
- 💡 State Management & Component Structure
Built while learning from JavaScript Mastery tutorials.