React Movie Streaming Website

This project is a React-based movie streaming website that allows users to search for movies, view trending and upcoming movies, and get detailed information about each movie.

Features

• Search Functionality: Users can search for movies and TV shows by entering keywords in the search bar.
• Trending Movies and TV Shows: The website displays trending movies and TV shows fetched from The Movie Database (TMDb) API.
• Upcoming Movies: Users can also see upcoming movies in the coming soon section.
• Non-Responsive Design: Please note that the current version of the project does not have responsive design. This will be addressed in future updates.
• Future Updates:
  • Implement responsive design for better usability on various devices.
  • Use context to switch between categories for an improved browsing experience.
  • Implement login functionality to allow users to access additional features.

Technologies Used

• React: The project is built using React, a popular JavaScript library for building user interfaces.
• TMDb API: The Movie Database (TMDb) API is used to fetch movie information and images.
• HTML/CSS: Basic HTML and CSS are used for styling and layout.
• JavaScript: JavaScript is used for dynamic functionality and API integration.

How to Use

1. Clone the repository to your local machine.
2. Install dependencies by running npm install.
3. Obtain an API key from The Movie Database (TMDb) and replace APIKEY in the code with your API key.
4. Run the project using npm start.
5. Explore the website by searching for movies, viewing trending movies, and upcoming movies.

Project Structure

The project consists of the following main components:

• Header: Contains the website logo, navigation menu, and login button.
• Search Bar: Allows users to search for movies and TV shows.
• Search Result: Displays search results based on user queries.
• Movies Component: Displays trending and upcoming movies.
• Movie Item: Represents each individual movie with details like title, release year, and poster.
• Menu: Renders the navigation menu items.

Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests to suggest improvements or add new features.