Movie Discovery Web App

This is a web application that allows users to discover and explore movies. Users can search for movies, view movie details, and more.

Table of Contents

• Features
• Demo
• Technologies Used
• Setup
• Usage
• Contributing
• License

Features

• Search for movies by title.
• View movie details, including the title, release date, overview, and more.
• Display top-rated movies on homepage.

Demo

https://movie-discovery-web-app-mauve.vercel.app/

Technologies Used

• React.js
• Axios (for API requests)
• React Router
• React Context
• Tailwind css

Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Ari-o12code/movie-discovery-web-app.git
   cd movie-discovery-web-app

2. Install the dependencies:

   npm install

3. Obtain an API key:

   • You may need to sign up for an API key from TMDB (The Movie Database) to fetch movie data.

4. Configure your API key:

   • Create a .env.local file in the root directory.

   • Add your API key as follows:

     REACT_APP_TMDB_API_KEY=YOUR_API_KEY_HERE

5. Start the development server:

   npm start

6. Open your web browser and navigate to http://localhost:3000.

Usage

• Search movies by typing the search then clicking on the search icon
• Click on movies on homapage to view details about the particular movie

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the project.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Open a pull request with a clear title and description.

License

---

This project was created by Al-Ameen Olayinka Quadri.