/primevideoclone

Clone Prime Video which is one of the most popular streaming video service , with interesting funtionalities like searching movies and TV series and play them once loggedIn and you can add them to your watchlist to watch later.

Primary LanguageJavaScript

Team Prime

Project Title : AMAZON PRIME VIDEO CLONE

Amazon Prime Video, or simply Prime Video, is a subscription video on-demand over-the-top streaming and rental service of Amazon.com, Inc., offered as a standalone service or as part of Amazon's Prime subscription

The website, www.primevideo.com ("Site", “Website”) is owned and operated by Amazon Inc.

Getting Started with --

Tools & Technology Used:

  • React
  • CSS
  • JavaScript
  • Express
  • NodeJs
  • MongoDb Atlas
  • VS Code editor
  • Github

Credit:

  • primevideo.com
  • Figma

Steps to install the project

  1. Basic Software Installations
  • Git
  • VS code
  • Node js
  • MongoDB
  1. Clone the repository into local machine
  1. NPM package installations
  • Open the clonned repository, Navigate to primevideoclone folder and run npm install in terminal
  • Navigate to Backend-for-PrimeVideo folder and run npm install in terminal
  1. Run application
  • Open the clonned repository, Navigate to Backend-for-PrimeVideo folder and run npm run server
  • Navigate to primevideoclone folder and run npm start in terminal Your application is now running on http://localhost:5000/

Deployed Link

Click Here 👉 Prime Clone

Guide to Project And Screenshots

  1. Welcome Page Screenshot (812)
  • on the welcome page it shows the benifits of joining Prime video subscription and on clicking on get started it redirects to signin page from where user can sign In or create account if new to prime
  1. Sign In and Sign Up page

Screenshot (814)

Screenshot (813)

  • After sign In user will get an option to select prime subscription and then he will be redirected to the Payment Page where he can pay the required amount .
  1. Home Page Screenshot (808)
  • Then user will be taken to the Home Page , where user can see a variety of movies like Kids and family movies , popular movies , Action and Adventure movies , Recommended movies , etc..
  • we have added sliders for each of the movies categories , where the user can slide to see more movies .
  1. TV shows , Movies ,Kids Page

Screenshot (809)

Screenshot (810)

Screenshot (811)

  • In the Navbar there are links to other pages also like Tv shows , Movies and Kids Section . Also in the Navbar there is a searchbar , and from here user can search for any movie . We have implemented debouncing in the searchbar also .
  • On Clicking on any movie user can see the detailed information about the movie like Movie Name , IMDb Rating , Small Summary , Release date , Movie Genere , option to add to washlist etc...
  • We have stored all the backend data in MongoDb Atlas .
  • So this is basically our project. We were four members in the team and we completed the whole project in the construct week timeline.

All the resources which are used in the project either we fetch those from main website or we take from google. All the resources are belongs to their respective owners. We don't have anykind of ownership over any resources. All images are taken from primevideo.com are only for educational and learning puropose. We have no copyrights over images, icons or fonts.


Team Members:

  • 👤 Abhay Gedam
  • 👤 Bhawani Shankar
  • 👤 Hemanth K
  • 👤 Tarun Singh Rawat

Thank u for giving it a read...