A React-based web application that helps users explore and discover new movies tailored to their interests. Leveraging the TMDB API, the app features search, filter, and sorting capabilities to browse a vast movie database, along with the ability to add movies to a personalized watchlist.
Check out the live demo of the app at https://moviedb-ecru.vercel.app
- React – Frontend framework
- Ant Design – UI components and styling
- React Router – Client-side navigation
- Zustand – Lightweight state management
- Vite – Development build tool
- TMDB API – Movie data source
Follow these steps to run the project locally:
- Clone the repository to your local machine.
- Navigate to the project directory and install the dependencies by running
npm install. - Go to themoviedb.org, register for a free account, and obtain your API key.
- Create a
.envfile in the project's root directory and store your API access token in the VITE_ACCESS_TOKEN environment variable:VITE_ACCESS_TOKEN="your_api_access_token_should_be_here". - Start the development server by running
npm run dev.