A minimalistic, responsive movie recommendation web app built with React and Tailwind CSS, powered by The Movie Database (TMDB) API. Users can explore trending movies, search by title, and view key details like release dates and posters, all with a modern and clean user interface.
- Trending Movies: View popular and trending movies from this week.
- Search Functionality: Quickly search for movies by title using TMDB’s vast database.
- Responsive Design: The layout adapts seamlessly to different screen sizes, ensuring a smooth experience on both mobile and desktop.
- Minimalistic UI: Built with Tailwind CSS, the app is sleek and visually clean, providing an enjoyable browsing experience.
- React: For building dynamic and interactive user interfaces.
- Vite: A fast and efficient build tool to streamline development.
- Tailwind CSS: For a clean, utility-first CSS design approach.
- Axios: For easy handling of HTTP requests to the TMDB API.
- TMDB API: Providing access to an extensive movie database.
-
Clone the Repository:
git clone https://github.com/yourusername/movie-finder.git cd movie-finder -
Install Dependencies:
npm install
-
Configure the API Key:
- Sign up for a free TMDB API key at The Movie Database.
- Create a
.envfile at the project root and add your API key:VITE_TMDB_API_KEY=your_tmdb_api_key
-
Run the App:
npm run dev
Open http://localhost:5173 in your browser to view the app.
- User Favorites: Allow users to save a list of favorite movies.
- Genre Filtering: Filter movies based on genres.
- Pagination: Load more movies with pagination.
- Dark/Light Mode: Switch between themes for user preference.
This project is open-source and available under the MIT License.