Mern Ecommerce Course (+ Fintech Digital Wallet) - Shopito

[Srbija]

Mern Ecommerce Course (+ Fintech Digital Wallet) - Shopito
Published 6/2025
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 27.61 GB | Duration: 46h 6m

Build an Advanced Ecommerce App with MERN stack - Redux Toolkit, Stripe, Paypal, Flutterwave & Fintech Digital Wallet



What you'll learn
Build an eCommerce app with MERN stack
Integrate Stripe, PayPal, Flutterwave.
Build a Fintech type Digital Wallet and integrate into the app.
Lots more...

Requirements
Students are expected to have a fundamental knowledge of MERN Stack - React, Node/express and MongoDB.

Description
Build an advanced fullstack eCommerce app with the MERN stack. Integrate Stripe, PayPal, flutterwave and build a Fintech Digital Wallet. This is the best eCommerce course on the internet.Are you ready to build a complete ecommerce web application from scratch using the modern MERN stack (MongoDB, Express.js, React.js, and Node.js)? This course is designed to take you from zero to production-ready with a real-world online store, complete with:Product managementUser authenticationShopping cart functionalityMultiple payment integrationsAdmin dashboardDigital wallet systemWhether you're an aspiring fullstack developer, a freelancer looking to expand your skillset, or an entrepreneur wanting to build a custom online store, this course is for you.What You'll Learn: Set up a full MERN stack ecommerce architecture Use Redux Toolkit for efficient state management Integrate Stripe, PayPal, and Flutterwave payment gateways Build a custom digital wallet system for in-app payments Create secure user authentication with JWT Manage products, orders, and users from an admin dashboard Implement responsive UI with Tailwind CSS or Bootstrap Deploy your app to production (optional module)Tech Stack Covered:Frontend: React.js, Redux ToolkitBackend: Node.js, Express.js, MongoDB (Mongoose)Authentication: JWT, bcryptPayments: Stripe, PayPal, FlutterwaveExtras: Digital Wallet System, Admin Panel, RESTful APIs- Project FeaturesIntuitive & responsive UICart functionalityMultiple file uploadState management with Redux ToolkitAdmin dashboardOrder historyProduct rating and reviewsProduct filterDownload PDF invoiceSend transactional emailsWishlist productsCreate discount couponsManage product categories and brandsBuild a fintech-like digital walletReceive and send money to other usersDeposit funds in the walletPayment with Stripe, Flutterwave, PayPal, and digital walletLots more.

Overview
Section 1: Introduction

Lecture 1 Shopito Demo - Part 2 - Admin Demo

Lecture 2 Introduction and Course Requirements

Lecture 3 -- RESOURCES --

Section 2: Project Setup

Lecture 4 Project Workflow

Lecture 5 Project Setup

Lecture 6 Manual Project Setup

Section 3: Building the Home Page (Frontend)

Lecture 7 Router Setup

Lecture 8 Header Component - Logo

Lecture 9 Header Component - Nav Menu

Lecture 10 Header Component - Cart

Lecture 11 Header Component - Responsive Menu

Lecture 12 Footer Component

Lecture 13 Slider Component JSX

Lecture 14 Slider Component Logic

Lecture 15 Home InfoBox Component

Lecture 16 Page Heading Component

Lecture 17 Corousel Component

Lecture 18 Corousel Item Component

Lecture 19 Display Corousel on Home Page

Lecture 20 Categories Component

Lecture 21 Mobile Phones Carousel

Lecture 22 Footer Links Component

Lecture 23 B - Make the Header Sticky

Section 4: Authentication (Backend)

Lecture 24 Switching To Backend Authentication

Lecture 25 Create Server and Connect MongoDB

Lecture 26 Testing with Insomnia

Lecture 27 Setup Middlewares

Lecture 28 Create User Model

Lecture 29 Create User Route and Controller

Lecture 30 Create Error Middleware

Lecture 31 Register user controller

Lecture 32 Register user and Hash Password

Lecture 33 Login User - Route and Controller

Lecture 34 Logout User - Route and Controller

Lecture 35 Create Protect Middleware and Get User

Lecture 36 Get Login Status Route and Controller

Lecture 37 Update User Route and Controller

Lecture 38 Update Photo - Route and Controller

Section 5: Authentication (Frontend)

Lecture 39 Switching to the frontend - Auth

Lecture 40 Loader Component

Lecture 41 Card Component

Lecture 42 Login Component - JSX

Lecture 43 Register Component - JSX

Lecture 44 Setup Redux Toolkit

Lecture 45 Register User - Redux Logic

Lecture 46 Login User - Component Logic

Lecture 47 Logout User - Redux Logic

Lecture 48 Logout User - Component Logic

Lecture 49 Selectively Display Nav Links

Lecture 50 Get Login Status - Redux Logic

Lecture 51 Get Login Status - Component Logic

Lecture 52 Get User, Update User - Redux Logic

Lecture 53 Create Profile Component and Route

Lecture 54 Create Page Menu Component

Lecture 55 Profile Page - JSX

Lecture 56 Profile Page - Get User

Lecture 57 Profile Page - Update User

Lecture 58 Profile Page - Display Profile Image

Lecture 59 Profile Page Error - Changing Uncontrolled input to controlled Input

Lecture 60 Profile Page - Upload Image to Cloudinary

Lecture 61 Profile Page - Display Username

Section 6: Product CRUD Functions - (Backend)

Lecture 62 Create Product Model

Lecture 63 Create Product Route

Lecture 64 Create Product Controller

Lecture 65 Get Products - Route and Controller

Lecture 66 Switching to the Backend - Product Section

Lecture 67 Get Single Product - Route and Controller

Lecture 68 Delete Product - Route and Controller

Lecture 69 Update Product - Route and Controller

Lecture 70 Review Product - Route and Controller

Lecture 71 Delete Review - Route and Controller

Lecture 72 Update Review - Route and Controller

Section 7: Category and Brand CRUD Functions - (Backend)

Lecture 73 Create Category Model

Lecture 74 Create Category Route

Lecture 75 Create Category Controller

Lecture 76 Get Categories - Route and Controller

Lecture 77 Delete Category - Route and Controller

Lecture 78 Create Brand Model

Lecture 79 Create Brand Route

Lecture 80 Create Brand Controller

Lecture 81 Get Brands - Controller

Lecture 82 Delete Brand - Controller

Section 8: Coupon CRUD Functions - (Backend)

Lecture 83 Create Coupon Model

Lecture 84 Create Coupon Route

Lecture 85 Create Coupon Controller

Lecture 86 get Coupons - Route and Controller

Lecture 87 get Single Coupon - Route and Controller

Lecture 88 Delete Coupon - Route and Controller

Section 9: Orders CRUD Functions - (Backend)

Lecture 89 Order - Model

Lecture 90 Order - Route

Lecture 91 Create Order - Controller

Lecture 92 Get Orders - Controller

Lecture 93 Get Single Order - Controller

Lecture 94 b - Get Single Order - Bug Fix

Lecture 95 Update Order Status - Controller

Section 10: Setup Admin Dashboard - (Frontend)

Lecture 96 Switching to the Frontend - Admin

Lecture 97 Create Admin Link in Header

Lecture 98 Create Admin Route

Lecture 99 Create Admin Component Layout

Lecture 100 Build the Admin Navbar

Section 11: Create Category and Brand - Admin (Frontend)

Lecture 101 Create Category - Redux Logic

Lecture 102 Create Category - Route

Lecture 103 Create Category - JSX

Lecture 104 Create Category - Component Logic

Lecture 105 Get Categories - Redux Logic.

Lecture 106 Get Categories - Component Logic 1

Lecture 107 Get Categories - Compnent Logic 2

Lecture 108 Delete Categories - Redux Logic.

Lecture 109 Delete Categories - Component Logic

Lecture 110 Create Brand - Redux Logic

Lecture 111 Create Brand - Route

Lecture 112 Create Brand - JSX

Lecture 113 Create Brand - Component Logic

Lecture 114 Get Brands - Redux Logic

Lecture 115 Get Brands - Component Logic

Lecture 116 Delete Brand - Redux Logic

Lecture 117 Delete Brand - Component Logic

Lecture 118 Refactor Category and Brands

Section 12: Create Product - Admin (Frontend)

Lecture 119 Create Product - Redux Logic

Lecture 120 Create Product - Route

Lecture 121 Create Product - JSX - Part 1

Lecture 122 Create Product - JSX - Part 2 - Categories input

Lecture 123 Create Product - JSX - Part 3 - Brands input

Lecture 124 Create Product - JSX - Part 4 - Other input

Lecture 125 Create Product - Save Product

Lecture 126 Image Upload Widget - Part 1 - Build the widget

Lecture 127 Image Upload Widget - Part 2 - Add and Display images

Lecture 128 Image Upload Widget - Part 3 - Remove image

Lecture 129 Image Upload Widget - Part 4 - Limit Uploads

Lecture 130 Image Upload Widget - Part 6 - Show Upload Progress

Lecture 131 Image Upload Widget - Part 7 - Display Uploaded Images

Lecture 132 Image Upload Widget - Part 8 - Remove Uploaded Image

Lecture 133 Get Products - Redux Logic

Lecture 134 Get Products - Component Logic

Lecture 135 Get Products - Search Component

Lecture 136 Get Products - Display Products

Lecture 137 Get Products - Pagination

Lecture 138 Delete Product - Redux Logic

Lecture 139 Delete Product - Component Logic

Lecture 140 Handle Error from Product Model

Lecture 141 Get Single Product - Redux Logic

Lecture 142 Get Single Product - Component Logic

Lecture 143 Update Product - Redux Logic

Lecture 144 Update Product - Component Logic - Part 1

Lecture 145 Update Product - Component Logic - Part 2

Lecture 146 Update Product - Refactor our Code

Lecture 147 Upload Some Products

Section 13: Create Coupon - Admin (Frontend)

Lecture 148 Create Coupon - Route

Lecture 149 Create Coupon - Redux Logic

Lecture 150 Create Coupon - JSX

Lecture 151 Create Coupon - Component Logic + Debugging

Lecture 152 Get Coupons - Redux Logic

Lecture 153 Get Coupons - JSX and Component Logic

Lecture 154 Get Single Coupon - Redux Logic

Lecture 155 Delete Coupon - Redux Logic

Lecture 156 Delete Coupon - Component Logic

Lecture 157 Protect Admin Routes

Lecture 158 Protect Admin Link

Section 14: Shop Page - Frontend

Lecture 159 Switching to the Shop Page

Lecture 160 Not Found Page

Lecture 161 Create Shop Component and Route

Lecture 162 Shop Page Layout- Part 1

Lecture 163 Shop Page Layout- Part 2

Lecture 164 ProductList Component - Part 1

Lecture 165 ProductList Component - Part 2

Lecture 166 Product Item Component

Lecture 167 Product Rating Component

Lecture 168 Filter Products By Search

Lecture 169 Sort Products

Lecture 170 Filter Product By Category - Part 1

Lecture 171 Filter Product By Category - Part 2

Lecture 172 Filter Product By Brand

Lecture 173 Filter Product By Price - Part 1

Lecture 174 Filter Product By Price - Part 2

Lecture 175 Filter Product By Price - Part 3

Lecture 176 Clear Filter

Lecture 177 Shop Pagination

Lecture 178 Product Details - Component and Route

Lecture 179 Product Details - Image Slider Part 1

Lecture 180 Product Details - Image Slider Part 2

Lecture 181 Product Details - Display Product Properties

Lecture 182 Product Review Placeholder

Lecture 183 Product Review Placeholder

Section 15: Cart Page/Functions - Frontend

Lecture 184 Create Cart Component and Route

Lecture 185 Add Product to Cart - Part 1

Lecture 186 Add Product to Cart - Part 2

Lecture 187 Add Product to Cart - Part 3

Lecture 188 Add Product to Cart - Part 4

Lecture 189 Remove Product From Cart

Lecture 190 Cart Page JSX

Lecture 191 Cart Page Functions

Lecture 192 Remove product from cart

Lecture 193 Clear cart

Lecture 194 Calculate Total Cart Quantity - Redux Logic

Lecture 195 Calculate Total Cart Quantity - Component Logic

Lecture 196 Calculate Total Amount - Redux Logic

Lecture 197 Calculate Total Amount - Component Logic

Lecture 198 Save Cart to DataBase

Lecture 199 Get Cart from DataBase

Lecture 200 Save Cart to DataBase - Redux Logic

Lecture 201 Save Cart to DataBase - Component Logic

Lecture 202 Get Cart From DataBase - Redux Logic

Lecture 203 Get Cart From DataBase - Component Logic

Lecture 204 Update Product Item - Add To Cart

Lecture 205 Refactor the Carousel Item - Part 1

Lecture 206 Refactor the Carousel Item - Part 2

Section 16: Apply Coupon - Frontend

Lecture 207 Verify Coupon Component - JSX

Lecture 208 Cart Discount Component - JSX

Lecture 209 Apply Coupon - Redux Logic

Lecture 210 Apply Coupon - Component Logic

Lecture 211 Remove Coupon - Component Logic

Section 17: Stripe Payment Integration

Lecture 212 Payment Options Component - JSX

Lecture 213 Save Payment Method - Redux Logic

Lecture 214 Save Payment Method - Component Logic

Lecture 215 Selective Redirect User on Checkout

Lecture 216 Checkout Details Component - JSX

Lecture 217 Checkout Details Component - Update Form From Redux

Lecture 218 Checkout Details Component - Handle Submit

Lecture 219 Checkout Summary Component - Part 1

Lecture 220 Checkout Summary Component - Part 2

Lecture 221 Create a Free Stripe Test Account

Lecture 222 Stripe Payment - Backend

Lecture 223 Set up Checkout and CheckoutForm Component

Lecture 224 Modify the Checkout Component

Lecture 225 Modify the CheckoutForm Component

Lecture 226 Test Stripe Payment and Debug

Lecture 227 Switching to the Order Section

Section 18: Create Customer Order

Lecture 228 Create Order Component and Route

Lecture 229 Create Order - Redux Logic

Lecture 230 Create Order - Component Logic

Lecture 231 Checkout Success Component

Lecture 232 Get Orders - Redux Logic

Lecture 233 Get Orders - Component Logic

Lecture 234 Get an Order - Redux Logic

Lecture 235 Display Order Details - Component Logic- Part 1

Lecture 236 Display Order Details - Component Logic - Part 2

Lecture 237 Download Order Details as PDF

Section 19: Update Order Status - Admin

Lecture 238 Create Orders Component and Route - Admin

Lecture 239 Refactor and Display Orders - Admin

Lecture 240 Refactor and Display Order Details - Admin

Lecture 241 Update Order Status - Redux Logic

Lecture 242 Update Order Status - Component Logic

Section 20: Send Transactional Email

Lecture 243 Switching to transactional Email Section

Lecture 244 Create Gmail App for sending email

Lecture 245 Create Send Email Function

Lecture 246 Send Email after order is created

Lecture 247 Create mail Template and Send Email

Section 21: Product Stock Management

Lecture 248 Product Stock Management

Section 22: Flutterwave Payment Integration

Lecture 249 Set up Flutterwave Account

Lecture 250 Checkout Flutterwave - Route

Lecture 251 Checkout Flutterwave - Frontend Function

Lecture 252 Checkout Flutterwave - Save Order

Section 23: Paypal Payment Integration

Lecture 253 Setup Paypal Developer Account

Lecture 254 Create Paypal Route

Lecture 255 Paypal Integration

Lecture 256 Testing Paypal

Section 24: Create Digital Wallet - Backend

Lecture 257 Wallet Section Intro

Lecture 258 Add Account Balance To User Model

Lecture 259 Create Transaction Model

Lecture 260 Transer Fund Controller

Lecture 261 Verify Account - Route and Controller

Lecture 262 Get User Transaction - Route and Controller

Lecture 263 Deposit Fund With Stripe - Part 1

Lecture 264 Deposit Fund With Stripe - Part 2

Lecture 265 Setup Stripe Webhook - Part 1

Lecture 266 Setup Stripe Webhook - Part 2

Lecture 267 Setup Stripe Webhook - Part 3

Lecture 268 Deposit To Wallet with Flutterwave

Section 25: Create Digital Wallet - Frontend

Lecture 269 Create Wallet Component and Route

Lecture 270 Create Wallet Info - JSX

Lecture 271 Create Wallet Promo - JSX

Lecture 272 Create Wallet Transactions List - JSX

Lecture 273 Get Wallet Transactions - Redux Logic

Lecture 274 Get Wallet Transactions - Component Logic

Lecture 275 Verify Account - Redux Logic

Lecture 276 Transfer Fund - Redux Logic

Lecture 277 Transfer Fund - Create states

Lecture 278 Transfer Fund - define props

Lecture 279 Transfer Modal - JSX

Lecture 280 Transfer Modal - Close Modal Function

Lecture 281 Transfer Modal - Handle Input Change

Lecture 282 Transfer Modal - Verify Receivers Account

Lecture 283 Transfer Modal - Show Name of Receiver

Lecture 284 Transfer Modal - Send money

Lecture 285 Deposit Modal - Create States and Props

Lecture 286 Deposit Modal - JSX

Lecture 287 Deposit Modal - Close Modal

Lecture 288 Deposit Modal - Deposit With Flutterwave

Lecture 289 Deposit Modal - Deposit With Stripe

Section 26: Deployment

Lecture 290 Push Code to GitHub

Lecture 291 Deploy Frontend to Vercel

Lecture 292 Deploy Backend to Render

Lecture 293 Solving Authentication Issues

Lecture 294 Testing the webhook

Lecture 295 Debugging the webhook

Section 27: Wallet Payment Integration

Lecture 296 Wallet Integration - Intro

Lecture 297 Backend Route - Wallet Integration

Lecture 298 Controller - Wallet Integration

Lecture 299 Checkout with wallet - component and rout

Lecture 300 Checkout with wallet - JSX

Lecture 301 Checkout With Wallet - Logic

Section 28: Wishlist

Lecture 302 Wishlist - Intro

Lecture 303 setup wishlist routes and controller

Lecture 304 Add wishlist controller

Lecture 305 Get wishlist controller

Lecture 306 Remove from wishlist controller

Lecture 307 Frontend - Wishlist component and Route

Lecture 308 Frontend - Create wishlist service

Lecture 309 Frontend - Create wishlist slice

Lecture 310 Frontend - wishlist component JSX

Lecture 311 Frontend - getWishlist and remove from wishlist

Lecture 312 Frontend - add to wishlist

Section 29: Review Products

Lecture 313 Review Products - Intro

Lecture 314 Review Product Backend - Recap

Lecture 315 Review Product - Component and Route

Lecture 316 Review Product - product service for reviews

Lecture 317 Review Product - product slice for reviews

Lecture 318 Review Product - Component Logic - 1

Lecture 319 Review Product - Component Logic - 2

Lecture 320 Review Product - Component Logic - Submit Review

Lecture 321 Review Product - Component Logic - Display Review

Lecture 322 Review Product - Component Logic - Delete Review

Lecture 323 Review Product - Component Logic - Update Review

Lecture 324 Review Product - Display Review on Product Page

Developers who are familiar with the MERN stack and want to build an advanced eCommerce project.,Developers who want to level up their programming skills.


Homepage

Hidden Content

Give reaction to this post to see the hidden content.

Hidden Content

Give reaction to this post to see the hidden content.

Hidden Content

Give reaction to this post to see the hidden content.