Skip to content

Developed a movie streaming web application using HTML, CSS, Bootstrap, JavaScript and React.js. Integrated various npm packages and APIs to deliver a seamless user experience.

Notifications You must be signed in to change notification settings

deepak-pandey1/Movies-Streaming

Repository files navigation

image

Movie Streaming App

This project is a movie streaming application built with React.js. It showcases the latest, popular, and upcoming movies, providing full details such as title, description, release date, rating, and more.

Features

  • Latest Movies: Displays the most recent releases in cinema.
  • Popular Movies: Highlights movies that are trending among viewers.
  • Upcoming Movies: Lists movies that are set to be released soon.
  • Detailed Movie Information: Provides comprehensive details for each movie, including plot synopsis, cast, and ratings.
  • Responsive Design: The application is mobile-friendly, ensuring a seamless user experience across devices.

Technologies Used

  • React.js: For building the user interface and managing state.
  • CSS: For styling the application and ensuring a visually appealing layout.
  • Movie Database API: Utilizes a movie API (e.g., TMDb) to fetch movie data.
  • React Router: For seamless navigation between different movie details.

How to Use

  1. Clone the repository to your local machine:
  2. git clone https://github.com/your-username/movie-streaming-app.git
  3. Navigate to the project directory:
  4. cd movie-streaming-app
  5. Install the dependencies:
  6. npm install
  7. Start the development server:
  8. npm run dev
  9. Open your web browser and go to http://localhost:3000 to view the movie streaming app.

Project Structure


.
├── src
│   ├── components      # React components for the movie streaming app
│   ├── App.js          # Main application file
│   ├── index.js        # Entry point of the application
│   ├── api.js          # API call functions for fetching movie data
│   └── style.css       # CSS for styling the application
└── public
    ├── index.html      # Main HTML file
    └── favicon.ico     # Favicon for the app

Future Enhancements

  • Add user authentication to create a personalized watchlist.
  • Implement a search feature to find specific movies.
  • Enhance the UI with animations and additional styling options.
  • Provide ratings and reviews for each movie.

About

Developed a movie streaming web application using HTML, CSS, Bootstrap, JavaScript and React.js. Integrated various npm packages and APIs to deliver a seamless user experience.

Topics

Resources

Stars

Watchers

Forks