Full Stack Netflix Clone using React JS & Firebase | Build Website Like Netflix in React JS 2024

Learn How To Make Netflix Clone Website With Movie Database API and Firebase User Authentication In React JS
👉 Source Code: greatstack.dev/go/netflix
SUBSCRIBE: @GreatStackDev
❤️ Complete JavaScript Course with Certification:
👉 greatstack.dev/go/javascript-...
✔️ Beginner + Advance + ES6 + Notes
✔️ 30 Project With Source Code
✔️ React Beginner course with project
✔️ Course Completion certificate
✔️ Chat Support
In this tutorial we are going to build Netflix clone website, where we will display the movie details for The Movie Database (TMDB) API. We will also build the user authentication using Firebase, So that any user can create an account on this Netflix clone website and user can login on this website.
Download Assets: drive.google.com/file/d/1ssdq...
Get web hosting and domain:
👉greatstack.dev/go/hostinger
Watch Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
Watch Full Stack Food Order Website tutorial:
👉 • How To Create Full Sta...
-------------------------
Timestamp:
00:00 Project Overview
03:45 Setup React Project
10:42 Create Home Page of Netflix Website
01:10:31 Create Login Page of Netflix Clone Website
01:36:12 Display Movies Data from TMDB API
01:51:17 Create video player page
02:17:27 Create Login and Registration feature using Firebase
02:53:40 Create loading animation on login page
02:58:27 Make the website responsive
-----------------------------------------
Suggested Course:
Complete JavaScript course with 30 projects:
👉 greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects:
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Beginner's HTML and CSS tutorial:
► • HTML And CSS Tutorial ...
Beginner's JavaScript tutorial:
► • JavaScript Full Course...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------
Image and icon credit:
netflix.com
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

[@GreatStackDev]

👉 Source Code: greatstack.dev/go/netflix

[@harikiranvusirikala4214]

Can you please share the movie_id of the Hero Conent movie "The Predator" in TMDB. So, we can add player for it. Thanks in advance.

[@natural-wonders]

A nice project description! Soon I will start coding...guided by the tutorial you generously posted. Thank you and keep up the good work as always.

[@fahadkabooroo7395]

I was waiting For this Thanknu GreatStack❤❤❤❤❤❤

[@Prime_beatz_official]

Thank you. Your tutorials are very helpful

[@rimurusamadxd]

Thankyou for this awesome video! I'm waiting for spotify clone video now. ❤

[@wanjeeric4885]

this is exceptional, great video

[@user-kj1jb7zn6k]

Very perfect. You are a energetic man

[@Fnydo]

You are bro. Keep it up.🎉❤❤❤

[@user-pw6rg1bx8s]

Thank you sir for making this awesome project video

[@aakashrajbhar25]

You are making the exact videos that we want, thnx brother ❤

[@61mohamedathil99]

U r such a awsome instructor

[@kehindegilbert2699]

Thank you for this awesome content 🔥 🔥

[@eddydesigns6454]

I appreciate your content and patience to explain to details..

[@abwebmaster3]

Thank you for your effort man

[@amandacaecilia]

Thank you @GreatStack for the insightful tutorial! I'd love to see projects integrating Google OAuth, Docker, Selenium, GraphQL etc., and other advanced tools within the MERN stack. It would offer a comprehensive look at modern full-stack development. Looking forward to your response!

[@Braveson_06]

Keep up the good work.

[@mrmoa3597]

Appreciated!

[@mdalmamunit427]

What a great video again ❤

[@samarthbondhare2636]

Project Completed Thanks

[@sravansai8990]

Nice video waiting for another video

[@VigneswaraaMS]

Awesome video ❤🎉

[@ositaphillips2200]

Awesome! Thanks boss.

[@danishgaming8249]

Amazing vedio
😍🥰

[@shoaibsaifi5292]

Sir, you work very hard for us. Thank you very much for this.❤❤

[@OplanoTutorials]

Great tutorial ❤❤

[@mahadevsunil3967]

Keep going ❤

[@AbubakarsadiqIdris-mz5fq]

I always follow Your tutorials There are all great and helpful more knowledge sir

[@CobaPubgm1k]

Thank you brother ❤

[@abhijithmk5588]

Perfect ❤

[@user-vp2qu9ws9m]

Thankyou for this awesome video

[@mahmoudbarmawi4112]

Amazing ♥

[@yamonemyatmoe2417]

The best tutorial and easy to understand

[@lenninstevensabogalprieto4757]

cool tutorial man

[@dilakshankamalathasan6070]

Thank you so much bro

[@isamu7416]

Thank you so much!!!!!

[@ShiSee]

nice project for learning react ❤

[@AbhishekYadav-jq2oc]

Amazing ❤❤❤❤

[@digitaljunkie2799]

Awesome video, i am interested in the spotify tutorial

[@fahadkabooroo7395]

Thank you GteatStack

[@jordaarfactsinhindi6616]

information video keep it up

[@SZBrosOfficial]

Nice Project Video

[@user-dl5oe9lm9p]

GreatStack chanel great

[@devinpatel7869]

amazing website video and explanation

[@withnaveen1618]

👍👍👍great

[@user-dl5oe9lm9p]

thanks very much

[@user-nj8nt4ur9d]

Eagerly waiting for Spotify clone tutorial

[@JudithKotey-jr6wy]

Great stack what font styles do you use in your vs code and theme

[@shoaibsaifi5292]

Thank you very much Sir, we got a lot of help from your project..Many of my concepts became clear..Thank you sir, may Allah bless you in your life.❤

[@blackcoder2510]

Thank you thank you very much

[@A__MDMirajHowlader]

I want more project like this

[@fitonitube]

Hi, when trailer video play, is it being streamed from source OR fully downloaded by client app?

[@hemanthgowda7s]

thank you

[@mdarmankhan6252]

Thanks broter

[@hukajavix5859]

Thank you

[@sreekuttannannatt4080]

Please continue the tutorials...

[@learningwithmonty7941]

Nice video

[@zakariyemahadhersi5446]

Waiting for Spotify ❤

[@Jonathan-be7gj]

Nice video but ,also commenting for Spotify

[@CSYuvarajR]

Good thing bro

[@SaiHeerakari]

tnxs sir

[@Redribbon_iv]

i dont know code at all but this interesting to watch and learn

[@namalekanayake101]

🤩

[@amanmujawar9176]

Thank you so much GreatStack 🤩

[@ramprasadchauhan7]

Please use tailwind CSS fir styling in next projects

[@MuhammadMaaz-bo4bw]

nice project more vedios on mern

[@vivekkumar-qu4tp]

Great GreakStack❤

[@aalainshaikh1545]

NIce

[@binyam9873]

great

[@mxx.L]

❤🎉

[@Yesterday_i_ate_rat]

❤❤

[@Gani4kUVlogkannada]

Waiting for react series

[@arunkumars5038]

yes, we want spotify video

[@rijoksd]

Could you create a video demonstrating how to host this project?

[@harikiranvusirikala4214]

1:24:40 Do we need a separate CSS for placeholder? It is having same font-size and font-weight any way 🤔!!!

[@NoobCorporations]

❤❤❤

[@KhanSirKiBate]

👍👍👍👍

[@ajiteshmishra0005]

JSON web token, authentication and authorisation, Redux ,Redux saga concepts in React application
Please create any project video on this

[@kidscodera3043]

Have you covered css and design also

[@sravanivadlapudi136]

@GreatStack please create an amazon clone using react js & firebase it will be helpful

[@haifrendz]

waiting for spotify video

[@Eng_Jim]

Not even close!

[@m.kannan6826]

bro could you make video about react app deployment 😢

[@NoobCorporations]

❤❤❤❤❤

[@gokulrajpalanisamy235]

❤

[@nikhilrai1258]

op

[@waqar2.0]

why you don't use tailwind in you react Projects ?

[@CreativeMinds100]

bro make video on electronics Ecommerce website build fully front end backend, admin panel ..

[@sharonarmin7793]

Waiting for the spotify video

[@anahita6690]

hello thank you for your clips but I get an error after npm run dev and. it's plugin:vite:import-analysis) Failed to resolve import "/../../src/assets/youtube_icon.png" from "src/components/Navbar/Footer/Footer.jsx". Does the file exist? please help me

[@hindikhaniachiachi]

sir create a pincode website video using any programming language.

[@JohnWickea]

what The Protector? I remember i watched this series 6 or 5 years back idk what it's doing on your screen.

[@NanoCastBd]

please can you make a video about how to make responsible app store or app downloading website

[@NoobCorporations]

🎉🎉🎉🎉

[@Wed_developer_srinu]

Bro please do Spotify clone

[@yashkava1324]

hey why dont you use tailwind??

[@hamaadafzal2490]

Sir make a backend course

[@kaifansari-gd1mz]

Waiting for Spotify with tailwind css

[@user-bc3eb9jq4n]

1:10:56 why need to stop the project and ctrl+c doesn't work in the terminal page make red colored please help mr

[@Coding376]

Few projects with redux toolkit please

[@tarakchakraborty2997]

1 view

[@harikiranvusirikala4214]

1:03:42 It's "Top Picks for You" 😅!