Movie Trailer App

This web application allows users to search for movies, view movie details, and watch trailers.

Features

• List of movies with poster images
• Trailer video component
• Watch trailer when a movie card is clicked
• Search box for searching movies
• Shortcut for quick search using Ctrl + K
• Error handling
• Commented code blocks
• Highly reusable components
• Performant code

Frameworks and Libraries Used

• React.js
• HTML
• CSS

How to Run

1. Clone the repository.
2. Install dependencies using npm install.
3. Create a .env file in the root directory with the following content: REACT_APP_MOVIE_API_KEY=YOUR_API_KEY_HERE Replace YOUR_API_KEY_HERE with your actual API key from The Movie Database.
4. Run the application using npm start.

Usage

• Enter a movie title in the search box and press Enter or click the search button.
• Click on a movie card to view its details and watch the trailer.

Deployment

The project is deployed and accessible at the given link.

Note

• The app uses The Movie Database (TMDb) API to fetch movie data. You need to obtain an API key from TMDb and set it in the .env file as mentioned above.