Build A React Ecommerce App - React + Redux Toolkit + Firebase V9

--------------------- Get The Full Course --------------------------
✅ Full REACT Course on Udemy 👇

✅ My Courses 👇

--------------------- GitHub Repo --------------------------
✅ Project Starter Template: 👇
✅ Project Images: 👇

--------------------- Connect With Me --------------------------
✅ Get Helpful Materials & Course Discount 👇

✅ Twitter 👇

--------------------- Course Timeline --------------------------
00:00:00 - Project Demo
00:12:00 - Full React Demo
00:15:18 - Project Structure
00:16:40 - Project Setup
00:22:42 - Creating Folders
00:27:18 - Warning VS Error
00:34:42 - Create Main Pages and Components
00:44:26 - Routing setup
00:54:07 - Grouping imports
01:00:05 - Header Component Logo
01:09:45 - Header Component Nav
01:21:48 - Header Component Responsive Menu
01:44:37 - Header Component Set Active Menu Link
01:53:29 - Footer Component
01:56:55 - Auth Components And Routes
02:03:59 - Login Page JSX
02:20:07 - Card Component
02:05:42 - Register Page JSX
02:32:35 - Reset Page JSX
02:38:48 - Firebase Setup
02:47:23 - Loader Component
02:56:18 - Register User Part 1
03:26:14 - Sign In With Email And Password
03:38:11 - Logout
03:46:57 - Sign In With Google
03:55:45 - Reset Password Logic
04:05:13 - Monitor Authentication State
04:15:04 - Redux Store Setup
04:20:43 - Set Active User in Redux - Part 1
04:45:51 - Set Active User in Redux - Part 2
04:55:44 - Update on username
05:01:01 - Remove Active User In Redux
05:10:51 - Show Or Hide Links Based On Auth State
05:25:22 - Image Slider JSX
05:43:19 - Image Slider Logic
05:53:35 - Image Slider Logic Autoslide Effect

.
.
.
.
.
.
.
.
.
Music credit
"Punch Deck - Maximalism" is under a Creative Commons (CC BY 3.0) license.

[chinmayg]

I have completed the video and here are my comments:
1. Video goes to stepwise for a beginner to understand.
2. The video is NOT A FULL TUTORIAL TO THE ECOMMERCE WEBSITE shown in the intro. The full version is on Udemy
3. The topics/parts of the website, instructions to which are given here are :
3a. The attractive UI for Login, Register. Reset Password, header, footer,
3b. Connecting with firebase for authentication
3c. The sale ad sliders

The things missing from this tutorial:
1. Listing the products on the home page
2. Cart and checkout
3. Feature to edit the list of products from the frontend

[umairhp]

Amazing job with the course. I was trying to find a complete course that covers React, Redux and Firebase and luckily found this course. Loving it!

[ZawCodes]

This looks incredible from the first look. If I can follow this without any problem till the end, it will be a very precious addition to my collection. Hope to see more videos like this in the future as well!

[phoebeobaje]

Just found this channel and I'm glad.... This project is everything

[ternomhwange]

God bless you Zino. You covered everything that matters. Big thank you, my Brother. The lesson couldn't be better.

[abhishekthakur]

now this is what we called beginner friendly project awesome brother

[gabrielchima]

This is amazing, Just love the method of teaching🤗

[tribaldeni]

This is a really good course. We could also split the users email at @ to get the display name and select the one at 0 index. Also I don’t really get redux, if context does the same thing. I only know redux is better for large applications .

[girmasebsibe]

Dude What Are you Doing You make me Full Stack Developer Easily. Fantastic Tutorial Ever

[AfonsoFilipeJr]

Bought this course, its really really good.
I would suggest in the next courses you can use some libraries:

YUP - to validate the forms
React-paginate - to handle the pagination
Material UI or Tailwind UI - to style the page (just to be a bit more generic, then it's up to anyone to style the way they want)

The less we need to code and the more we can reause whatever is already build the better.

I learnt a lot with your courses and it's very good so thank you so much.

[radwamohamed]

ُُThank u very much I searched a lot for a video that Collecting the new versions of redux and react with firebase and That was very useful

[oladejianthony]

Great build bro, I love your simplicity. Learnt alot

[mariummagdy]

great tutorial you did an excelent effort I bought your course on udemy can't wait to complete this project

[Lilouuuuuuuuuu]

I'm looking forward to start this tuto !! Thanks a lot from France !

[placementpreparation]

Amazing work done !! Hard work you put in it is Insane, Thank you.

[Ozoocats]

Incredible job thankful for this amazing project

[adetolasanni]

This is the richest tuturial here on youtube. I am just getting started but I must say you did an amazing job.

Thank you for your knowledge and time. I will follow you up on twitter.

[EugeneFrontEndDev]

Hello. I'm from Ukraine, we're at war now. Thank you. I am buying your course on Udemy. He helps me distract myself from this horror

[iorolunemmanuel]

Wow, this is awnsome guy. I have been looking for this type of course. Thanks man

[motivationstation]

Thanks for this tutorial waiting for this one 😊 It's really great.