The TMDB Movie App is an interactive movie application that retrieves movie data from The Movie Database (TMDb) API. It empowers users to delve into an extensive movie collection, access comprehensive movie details, and effortlessly search for their preferred films.
- Explore an extensive array of movies sourced from TMDb.
- Access comprehensive movie details including titles, release dates, synopses, and user ratings.
- Perform movie searches by titles or keywords.
- Enjoy a user-friendly and responsive design for a seamless browsing experience across various devices.
Follow these guidelines to configure and run the TMDB Movie App on your local machine.
Make sure you have Node.js installed on your computer.
-
Clone the repository:
shellCopy code
git clone https://github.com/Mhaurvis/hng-task-2.git
-
Navigate to the project directory:
shellCopy code
cd movie-app
-
Install project dependencies:
shellCopy code
npm install
-
Go to
Movies.jsx
,MovieLists.jsx
file in the project's src/pages and insert your TMDb API key:plaintextCopy code
API_URL =
https://api.themoviedb.org/3/trending/movie/day?api_key=your_api_key_here`Replace
your_api_key_here
with your actual TMDb API key.
Initiate the development server:
shellCopy code
npm start
or npm run dev
Open your web browser and access the application at http://localhost:3000.
You have the option to deploy this application to platforms like Netlify, Vercel, or GitHub Pages.
- React: A JavaScript library for crafting user interfaces.
- TMDb API: The Movie Database API for accessing movie data.
Contributions to this project are highly encouraged! Please refer to the CONTRIBUTING.md file for details regarding our code of conduct and the procedure for submitting pull requests.
This project operates under the MIT License. For additional information, consult the LICENSE.md file.
- The Movie Database (TMDb) for generously providing movie data and access to their API.
- The vibrant open-source community for their invaluable contributions to the tools and libraries applied in this project.
- Email: [email protected]