Project Documentation: Movie-Trailer App

Introduction

The movie-trailer app is a web application that allows users to search and view trailers for their favorite movies. The application is developed using React and integrated with the TMD and YouTube APIs to fetch movie trailers. The application has a responsive design that adapts to different screen sizes and features a search bar and filter option to help users navigate through the content.

Live Website

https://movie-trailer-app-lake.vercel.app/

Features

• Search for movies using the search bar
• Filter movies by genre or year
• View movie trailers

Requirements

• Internet connection
• Modern web browser (Chrome, Firefox, Safari)

Installation

1. Clone the project repository from GitHub.
2. Install the required packages using npm install.
3. Start the application using npm start.

Usage

1.Enter a movie title in the search bar and click on the search button.

1. Click on a movie poster to view its trailer.
2. Use the filter option to narrow down the search results by genre or year.

Code Structure

• src/index.js: The main React file containing the structure of the web page.
• src/App.js: The React file containing the logic for the application.
• src/components: The folder containing the React components used in the application.
• public: The folder containing the static files for the application.

APIs

The application uses the TMD and YouTube APIs to fetch movie data and trailers. The API keys are stored in a .env file.

Contributing

Contributions to the project are welcome. To contribute, fork the repository, make changes, and submit a pull request.

Conclusion

The movie-trailer app is a simple yet useful application for movie enthusiasts. Its responsive design, search and filter options, and integration with the TMD and YouTube APIs make it a valuable tool for movie lovers.