How to build Authentication/Login/Signup with ReactJS, Redux and Firebase (Instagram Clone)

preview_player
Показать описание
In this tutorial, you'll learn how to build a complete authentication system with ReactJS, Redux, and Firebase, just like the one you see in Instagram. You'll start by setting up a Firebase project and configuring Firebase Authentication, then move on to creating the login and signup forms using ReactJS and Redux. Along the way, you'll also learn how to handle errors and redirect users based on their authentication status. By the end of this tutorial, you'll have a fully functional authentication system that you can use as a starting point for your own ReactJS projects. So, let's get started and build an Instagram clone!

👉GET THE COURSE FOR SOCIAL MEDIA AUTOMATION!
👉Learn how to automate and make money yourself with social media!
👉Learn python programming and selenium!
👉Learn how to apply automation in your business!

HERE ARE THE LINKS YOU NEED 👇

TIMESTAMPS ⌛
00:00 -Intro
01:06 -Setup ReactJS Project
03:35 -Setup Firebase
07:57 -Build Authentication Components
21:13 -Building Login Component
30:30 -Building Signup Component
40:40 -Handling user inputs
46:35 -Building Redux
01:04:25 -Building Signup function
01:19:55 -Building Logout function
01:29:30 -Building Login and Loader function

#reactjs #redux #instagram

Let's connect on other platforms👇
Рекомендации по теме
Комментарии
Автор

We will add more functions in to this build in the other videos, so make sure ti subscribe.

topnotchprogrammer
Автор

I just completed the project and I want to say that I have learned so many things through this project .Thank you & waiting for the video where more functions will add.

arpiannu
Автор

Thank you so much for your content, I have learn and solve an issue that I had with Redux toolkit and Firebase.
Many thanks Redian.

alejandroalas
Автор

with extendsion are you using for emmet?

raquelm
Автор

Question, in your firebase configuration file - Why does getAuth not receive anything for example -> getAuth(app). Currently, it's getAuth().

mitch
Автор

Thank You so much For the awesome and importantteaching plus topic u have covered

nehapatil
Автор

If anyone is having issues with the login feature, add event as a parameter to handleLogin, then add event.preventDefault();
Great video, thank you!

mitch
Автор

when the next part will come
sir i making my project using your video please release next part asap

sahdabansari
Автор

Thank you. Can I connect you on Linkedin?

mdsajibshidker
Автор

I haven't started the video but I want to be sure if this app saves user data while sign up and fetch again while login, and I am talking about data like profile data (user likes, user followers and username etc.) which don't get saved in users database

sohambhikadiya
Автор

Well done, very nice. Can you tell us how to withdraw data from Facebook accounts, my friend?

ixvcqjn
Автор

can you please upload next video on this topic
🙏🙏🙏🙏🙏

panku__