Nextflix Clone ⚡

Tech Stack Used:

• React
• Next.js
• Typescript
• Tailwind CSS
• Axios
• TMDB API
• Firebase Authentication
• Firebase Firestore
• Stripe
• React Hook Form
• React Hot Toast
• React Youtube
• Material UI Icons
• React Debounce Input
• Husky

Demo

Homepage

Sign Up

On sign up, you get navigated to the choose plans page.

Choose Plan

Once you have choosen a plan you will be redirected to the profiles page.

Update Plan

You can easily update the plan whenever you want.

Cancel Plan

Let's you cancel a plan easily.

Browse Categories

Hover:

You can check information about a particular movie or series by hovering over an item.

Check Movie Details

You can check details about a particular movie including the genre, cast, year, maturity ratings and also see the "More Like This" option which shows similar kind movies.

Check Series Details

You can check details about a particular movie including the genre, cast, year, maturity ratings, season number and episode details.

Play Videos

You can the video from the hovered item, featured banner or the modal window.

Add and Remove from My List:

Let's you add and remove your favourites from your List.

Search Functionality

Let's you easily search for a particular movie or series.

Sign In and Sign Out

Reset Password