The MERN Stack Ecommerce course is a comprehensive program that aims to equip students with the skills and knowledge required to build and deploy a full-featured API. The course covers a range of topics, including integrating Stripe for payment processing, pagination and filtering techniques, order statistics and analysis, admin processes for managing orders, implementing categories and product management, order management systems, building and connecting to the database, and implementing user authentication and authorization.
The course starts with an introduction to NodeJS and the basics of building an API. Students will learn how to set up a development environment, create and test API endpoints, and connect to a database. As the course progresses, students will learn about integrating Stripe for payment processing, handling webhooks, pagination and filtering techniques, and order statistics and analysis.
In addition, students will learn about the admin process for managing orders, implementing categories and product management, and order management system. Throughout the course, students will work on real-world projects to gain hands-on experience and develop a strong foundation for building and maintaining APIs.
Get Instant Notification of New Courses on our
Telegram channel.
The course also covers best practices for building APIs, including security, performance, and scalability. By the end of the course, students will have a solid understanding of building, testing, and deploying APIs, as well as the skills to take on their next project.
This course is ideal for developers who want to learn about building and deploying APIs, students who are new to web development and want to learn about building and deploying APIs, developers who want to learn about integrating Stripe for payment processing, engineers who are interested in learning about building e-commerce systems, and individuals who want to learn about building and deploying a full-featured API.
Throughout the course, our experienced instructors will provide guidance and support to students. Active participation in class discussions, asking questions, and sharing knowledge with fellow students is encouraged. The MERN Stack Ecommerce course is designed to provide a strong foundation for building APIs and is suitable for anyone who wants to learn more about back-end web development.
FINAL PROJECT DEMO
Customers Functionalities Demo
Admin Functionalities Demo
Final Project Live DEMO
MUST READ [IMPORTANT !!!]
How To Take This Course
Download Final Project Source Codes
GETTING STARTED
Installing Starter Template
Install TailwindCSS
Project Structure Walkthrough
Redux Toolkit Installations
Final Project Source Code
AUTHENTICATION & AUTHORIZATION
Users Initial State
Login Action
Users Slices
Connect To Redux Store
Dispatch Action To Login
Cors Error Fixed
Customise VSCODE OPTIONAL
Redirect After Login
Display Error And Loading After Login
Displaying Error and Success Using SweetAlert
Display Error Message When Login
Save Token Into LocalStorage
Walking Through The Navbar Component
Public And Private Links
Protecting Routes
Admin Routes
User Registration
Loading Component
User Registration Loading And Error Displaying
Reset Error And Success Actions
ADMIN DASHBOARD (PRODUCTS)
Overview Of Admin Dashboard
Create Product Action
Create Product Slice
Persist Login User Into Redux Store
Pass Token To Product Action
Dispatch Action To Create Product
Product Sizes Select Component
Categories Action
Display Categories Inside Select Input
Fetch All Products Brands
Getting Products Colors Into Form Input
ADMIN DASHBOARD (PRODUCTS IMAGE UPLOAD)
Product Images Upload
Sending Product Data To Product Action
Product Creation Error Fixed
Display Loading, Error For Product Creation
Image Validation
Fetch All Products Action
Display All Products
Adding New Products
Display Product Details
PRODUCTS CATEGORIES
Modified Create Category Action
Modified Add Category Form
Dispatch Action To Create Category
Displaying Category Loading & Error
Fixed Category Creation Error
Fetching All Categories
Using Categories As Navbar Links
Displaying Home Categories
Display All Categories
PRODUCTS FILTERING
Product Filtering Component Walkthrough
Products Filtering Part 1
Products Filtering Part 2
Display All Products Without Filtering
Filer Products By Category
Filter Products By Brand
Filter Products By Price and Size
Filter Products By Price and Size
Display Products Loading & Error
Create Product Brands
Create Product Brands
CART MANAGEMENT
Order Placement Process And API Modification
Add To Cart Action
Add Product To Cart
Adding Product To Cart With Colour and Size
Cart Order Size and Colour Validation
Get Cart Items From LocalStorage
Avoid Duplication Of Products In Cart
Displaying All Cart Items
Shopping Cart Walkthrough
Changing Order Qty Part 1
Changing Order Qty Part 2
Cart Product Price Fixed
Updating Product When Quantities Changes
Removing Product From Cart
Fixed Product White Screen and total Price Added to LocalStorage
Calculate Total Order Summary
Dynamically Display Products Qunatities
PRODUCTS COUPONS MANAGEMENT
Create And Fetch All Coupons Actions
Coupon API Modified
Fetch Single Coupon Action
Apply Coupon
Display Coupon Error, Success & Loading
Apply Coupon To Order Summary
Reset Coupon Form
ORDER PLACEMENT PROCESS
Order Payment Component Walkthrough
Checkout Order Summary
Update Shipping Address Action
Dispatch Action To Update User Shipping Address
Display Update Shipping Address Loading & Error
User Profile Action
Displaying Shipping Address
Fixed Shipping Address Bug
Creating Of Orders Action
Dispatch Order Placement Action
Fixed Order Placement
Display Loading When Placing Orders
Show Number Of Cart Items and Empty Order After Placement
Disable Order Button If Out Od Stock
PRODUCTS REVIEW
Product Review Component Walkthrough
Product Review Action
Dispatch Action To Review Product
Add Review to a Product
Modified Author Of Review API
ADMMIN (PRODUCTS MANAGEMENT)
Customer Profile Component Walkthrough
Fetch Customer Profile
Admin Fetching All Products
Display In Stock And Out Of Stock
Update Product Component
Modified Update Product form
Update Product Action
Update Product
Product Update Error Fixed
Display All Oders
Order Statistics Action
Displaying Order Statistics
Update Order Status Form
Update Order To Shipped
Redirect After Update Order Status
Displaying All Customers
Remove Duplications Of Customers
ADMIN-MANAGING COUPONS
Dispatch Action To Create Coupon
Display All Coupons
Update Coupon
Delete Coupon
APPLICATION IMPROVEMENTS AND FIXING MINORS
Fetch All Categories
Fetch All Colors And Brands Categories
Navbar Improvement
Logout User
Logout Error Fixed
Redirect After Login
Protecting Private Components
Show Coupon On Navbar
Avoid Annoying Popups
Modify Admin Dashboard CSS -OPTIONAL
Display Coupon Days Left
Hide Public Links When User Login
Fixed Redirect After Register
Send Only Token To Client
Reload After Registration & Login
Show Go To Admin Dashboard Link
Why Oder Payment Status Is Not Updated
DEPLOYMENT
Preparing For Deployment
Deploy To Netlify
Fixed Netlify Error
