A React-based web application that allows users to explore and discover popular movies. Leveraging the TMDB API, the app displays a list of movies with their titles, release years, and brief descriptions. Users can search for specific movies by title, view detailed information about each movie, and enjoy infinite scrolling for seamless navigation.
- Fetches popular movies from the TMDB API
- Displays movie cards with title, release year, and a brief description
- Search functionality to filter movies by title
- Pagination to navigate through pages of movies
- Detailed view of individual movies
- Responsive design with Tailwind CSS
-
Clone the repository:
git clone https://github.com/SudeepChaulagain/MovieFlicks.git
-
Navigate to the project directory:
cd MovieFlicks
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your TMDB API key:VITE_TMDB_API_KEY=your_api_key_here
-
Start the development server:
npm run dev
-
Open your browser and navigate to
https://localhost:3000
.
- Use the search box on the top right corner to filter movies by title.
- Click on a movie card to view detailed information about the movie.
- Use the pagination controls to navigate through pages of movies.
- React
- Tailwind CSS
- Axios
- React Query
- Vite
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
This project is licensed under the MIT License.
For any questions or feedback, please contact me at [email protected].