icyflame21 / Amazon-Prime-Clone

Construct Week Project- Amazon Prime Clone in ReactJS/ Redux (Main Tech Stack Primarily Used). Collaborated with 2 other members and completed this project in 7 days. All the data is dynamic loaded. Play around with the app. More Description is provided on ReadMe.

Amazon Prime Video - (Clone)

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

A Collaborative project built by a team of 3 executed in 7 days.

Demo 🎥

• Deployed Link:- Enjoy the Experience

How to get Started 🚀

There are two methods for getting started with this repo.

Familiar with Git ?

> git clone https://github.com/icyflame21/Amazon-Prime-Clone.git
> cd Amazon-Prime-Clone
> npm install
> npm start

Not Familiar with Git ?

download the .zip file. Extract the contents of the zip file, then open your terminal, change to the project directory, and:

> cd Amazon-Prime-Clone
> npm install
> npm start

Tech Stack 💻

• React
• Redux
• Material UI
• Styled Components
• BootStrap 5
• Firebase

API USED ✅

• TMDB API - for getting daily high rated movies/ TV shows and searched results as per movie/ TV shows name.

Features ✨

• Authentication process undercover with firebase and Local Storage.
• All the movie results and its details are fetched in real time using TMDB API.
• Fetches trending movie as per day selection from TMDB API, having json data of total 100 movies that are arranged in 20 movies in each category.
• Judicious use of React-YouTube & movie-trailer npm package to fetch its relevant trailer from Youtube using movie ID fetched from TMDB API.
• MUI icons with animation effects from BootStrap 5 hass been precisely used.

Responsibilities 💪

• Team Lead in mananging & directing overall project's structure to deliver it within the deadlines.
• Landing page UI built on styled components, MUI Icons & BootStrap 5 components i.e.; Button Fade, etc.
• Login & Registration Page with implementaion of Firebase Database and LocalStorage
• Static Payment Page created using styled components and MUI icons as this project primarily focuses on front-end.
• Animation effects on movie page using BootStrap 5 i.e.; Carasouel, Popovers etc.

Snap Shots 📷

Home Page

Sign In

Log In

Payment Section

Movie Page after user login

YouTube Trailer

References ⏩

• Icons are used from material UI
  https://material-ui.com/components/material-icons/

• Animation Effects are used from BootStrap 5
  https://getbootstrap.com/docs/5.1/components/

• All movie and tv shows information taken from TMDB API https://developers.themoviedb.org/3

• To play trailer react-youtube npm package used https://www.npmjs.com/package/react-youtube

Contributors 😇

• 👤 Biswaranjan (Team Lead)
• 👤 Rajan Kumar
• 👤 Abhijeet Sinha