MovieHub is a web application that allows users to search for movies, view details about them, and save their favorite movies.
-
User Interface:
- Create a responsive and visually appealing user interface for the application.
- Display the top 10 movies on the homepage in a grid layout with their movie posters.
- Each Card component should display the movie title and release date.
-
Movie Search:
- Implement a search feature that allows users to search for movies by title.
- Display search results, including movie posters, titles, and release dates.
- Show a loading indicator while fetching search results.
-
Movie Details:
- Accessing
/movies/:idroute (where:idis the TMDB ID) should lead to the movie details page. - Display the following movie details:
- Title
- Release Date (in UTC)
- Runtime (in minutes)
- Overview
- Accessing
To run this project locally, follow these steps:
- Clone this repository:
git clone https://github.com/Dprof-code/movie-hub.git
2 Install Dependencies (make sure you have NPM installed on your system):
npm install
-
Set up your TMDB API key:
- Create an account on TDMP to obtain an API key.
- Store your API key securely in an environment variable or configuration file.
-
Start the development server:
npm start -
Open your web browser and navigate to
http://localhost:3000to access the application.
- ReactJS for building the user interface.
- Bootstrap for styling the application.
- TMDB API for movie data.
- Netlify for deployment.
This project is licensed under the MIT License - see the LICENSE file for details.