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

——————— Get The Full Course ————————–
✅ Full REACT Course on Udemy 👇
https://bit.ly/React-Udemy

✅ MERN Stack Course 👇
https://bit.ly/MERN-Stack-Udemy

✅ My Website/Courses 👇
https://www.zinotrustacademy.com/

——————— Course Resources and GitHub Repo ————————–
✅ Project Starter Template: 👇
https://github.com/zinotrust/eshop-ecommerce/tree/0.-Starter-template

✅ Course CSS/Styles: 👇
https://github.com/zinotrust/eshop-styles

✅ Course Assets/Images 👇
https://github.com/zinotrust/eshop-ecommerce/tree/master/src/assets

——————— Connect With Me ————————–
✅ My Website/Courses 👇
https://www.zinotrustacademy.com/

✅ Get Helpful Materials & Course Discount 👇
https://www.zinotrustacademy.com/subscribe

✅ Twitter 👇
https://twitter.com/zinotrust

——————— 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.
http://creativecommons.org/licenses/b…
https://youtube.com/channel/UC3M9CX5H…
Music promoted by BreakingCopyright: https://youtu.be/ZKp0760BWeY