React Node.js E-Commerce App Full Tutorial (REDUX – Stripe – JWT ) – MERN Stack Shopping App
E-commerce app from scratch. MERN Stack e-commerce project for beginners. React, Node.js Full-Stack shopping app course using Redux, Stripe, and JWT. React shopping cart tutorial.
You are watching the 3rd part.
Watch part 1 (React Design): https://youtu.be/c1xTDSIXit8
Watch part 2 (Node.js API): https://youtu.be/rMiRZ1iRC0A
Watch React admin dashboard: https://youtu.be/aTPkos3LKi8
Want to see more projects?
Support the channel: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join
Buy me a coffee: https://www.buymeacoffee.com/lamadev
Source Code: https://github.com/safak/youtube/tree/mern-ecommerce-app
(Missing features will be added to the repo soon.
Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr
0:00 Introduction
02:10 Installing E-commerce UI and API
05:04 How to Use React Router
13:42 How to Fetch and Filter Products in React
36:24 Fetching Single Product
49:02 Redux Toolkit Shopping Cart
01:04:52 React Shopping Cart
01:09:18 React Stripe Payment Tutorial
01:22:08 React Redux Toolkit Authentication
01:35:18 Redux Toolkit Persist Tutorial
01:41:08 React E-commerce Admin Dashboard
02:00:25 Fetching Last n Elements from Node API
02:09:41 React.js Chart Tutorial
02:15:25 React.js Calculating Revenue
02:20:58 Redux Toolkit CRUD Operations
02:53:50 React How to Handle Multiple Inputs in One State
02:58:14 React Firebase Storage Upload Tutorial
03:09:20 Homework
03:11:24 Outro