Movie Explorer

A movie exploration website built with React.js and the TMDB API. Browse popular movies, search for your favorite titles, and save movies to a personal favorites list.

---

Features

• Browse popular movies
• Search for movies by title
• Add movies to favorites
• View all favorite movies on a separate page
• Responsive and user-friendly interface
• Real-time data fetched from the TMDB API

---

Tech Stack

• React.js
• JavaScript (ES6+)
• CSS3
• TMDB API
• Vite

---

Demo Video

• Home Page
• Search Results
• Favorites Page

Add screenshots here after uploading them.

Movie-Exploration-App-compressed.2.mp4

---

Installation

Clone the repository

git clone https://github.com/your-username/movie-explorer.git

Navigate to the project

cd movie-explorer

Install dependencies

npm install

Start the development server

npm run dev

---

Environment Variables

Create a .env file in the project root and add:

VITE_TMDB_API_KEY=your_tmdb_api_key

Replace your_tmdb_api_key with your TMDB API key.

---

Project Structure

src/
├── components/
├── pages/
├── services/
├── css/
├── App.jsx
└── main.jsx

---

Learning Outcomes

• Working with REST APIs
• Managing React state using Hooks
• Component-based architecture
• Client-side routing
• Responsive web design
• Handling asynchronous API requests

---

Future Improvements

• User authentication
• Movie details page
• Watchlist feature
• Movie recommendations
• Genre and rating filters
• Pagination

---

Author

Rishabh Sharma

GitHub: https://github.com/1rishu0