Popcorn Time - Movie Exploration Web Application

Popcorn Time is a cutting-edge movie streaming platform that offers a vast library of the latest movies and TV shows. With a sleek interface and intuitive design, Popcorn Time provides seamless access to high-quality entertainment content, ranging from Hollywood blockbusters to independent films, all at the click of a button.

Features

• Movie Search: Users can search for movies using keywords.
• Detailed Movie Information: View comprehensive details about each movie, including title, release date, genre, director, cast, plot, and more.
• Watch Trailers: Watch trailers for selected movies.
• User-friendly Interface: Enjoy a clean and intuitive user interface for easy navigation and interaction.
• Trending Movies: Stay updated with the most popular or recently released films.
• Genre-based Sections: Explore movies categorized by genres like romance, action, comedy, and horror.
• Responsive Design: Access the platform seamlessly on various devices with a responsive and visually appealing design.

Deployment

Check out the live application at: Popcorn Time on Vercel

Technologies Used

• Frontend:

  • React: JavaScript library for building user interfaces.
  • React Router: For client-side routing and navigation.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • Radix UI: Accessible, high-quality React components.
  • Embla Carousel: Library for creating responsive and customizable carousels.
  • Framer Motion: Library for adding smooth animations and transitions.

• Backend:

  • Node.js: JavaScript runtime for building scalable server-side applications.

• APIs:

  • OMDb API: Fetch movie data, including details and posters.
  • YouTube API: Fetch movie trailers.

Getting Started

To run the application locally, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/yourusername/popcorn-time.git

2. Navigate to the project directory:

   cd popcorn-time

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

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

Usage

• Use the search bar to search for movies by title or keyword.
• Click on a movie to view detailed information.
• Watch trailers by clicking on the provided links.
• Enjoy exploring movies!

Snapshots

Contributing

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

1. Fork the repository.

2. Create a new branch for your feature:

   git checkout -b feature-name

3. Create a new branch for your feature:

   git commit -am 'Add new feature'

4. Create a new branch for your feature:

   git push origin feature-name

5. Create a new branch for your feature:

License

This project is licensed under the MIT License. See the LICENSE file for details.