Mern Stack E-Commerce Project Part 2 Frontend Only

Free Download What you'll learn
Payment integration using Stripe
Payment webHook handling
Order statistics and analysis
Admin process for managing orders
Implementing categories and product management
Order management system
Implementing user authentication and authorization
Requirements
Basics of react is required
Basics of react redux (Required)
Description
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.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.
Overview
Section 1: FINAL PROJECT DEMO
Lecture 1 Customers Functionalities Demo
Lecture 2 Admin Functionalities Demo
Section 2: GETTING STARTED
Lecture 4 Installing Starter Template
Lecture 5 Install TailwindCSS
Lecture 6 Project Structure Walkthrough
Lecture 7 Redux Toolkit Installations
Section 3: AUTHENTICATION & AUTHORIZATION
Lecture 8 Users Initial State
Lecture 9 Login Action
Lecture 10 Users Slices
Lecture 11 Connect To Redux Store
Lecture 12 Dispatch Action To Login
Lecture 13 Cors Error Fixed
Lecture 14 Customise VSCODE OPTIONAL
Lecture 15 Redirect After Login
Lecture 16 Display Error And Loading After Login
Lecture 17 Displaying Error and Success Using SweetAlert
Lecture 18 Display Error Message When Login
Lecture 19 Save Token Into LocalStorage
Lecture 20 Walking Through The Navbar Component
Lecture 21 Public And Private Links
Lecture 22 Protecting Routes
Lecture 23 Admin Routes
Lecture 24 User Registration
Lecture 25 Loading Component
Lecture 26 User Registration Loading And Error Displaying
Lecture 27 Reset Error And Success Actions
Section 4: ADMIN DASHBOARD (PRODUCTS)
Lecture 28 Overview Of Admin Dashboard
Lecture 29 Create Product Action
Lecture 30 Create Product Slice
Lecture 31 Persist Login User Into Redux Store
Lecture 32 Pass Token To Product Action
Lecture 33 Dispatch Action To Create Product
Lecture 34 Product Sizes Select Component
Lecture 35 Categories Action
Lecture 36 Display Categories Inside Select Input
Lecture 37 Fetch All Products Brands
Lecture 38 Getting Products Colors Into Form Input
Section 5: ADMIN DASHBOARD (PRODUCTS IMAGE UPLOAD)
Lecture 39 Product Images Upload
Lecture 40 Sending Product Data To Product Action
Lecture 41 Product Creation Error Fixed
Lecture 42 Display Loading, Error For Product Creation
Lecture 43 Image Validation
Lecture 44 Fetch All Products Action
Lecture 45 Display All Products
Lecture 46 Adding New Products
Lecture 47 Display Product Details
Section 6: PRODUCTS CATEGORIES
Lecture 48 Modified Create Category Action
Lecture 49 Modified Add Category Form
Lecture 50 Dispatch Action To Create Category
Lecture 51 Displaying Category Loading & Error
Lecture 52 Fixed Category Creation Error
Lecture 53 Fetching All Categories
Lecture 54 Using Categories As Navbar Links
Lecture 55 Displaying Home Categories
Lecture 56 Display All Categories
Section 7: PRODUCTS FILTERING
Lecture 57 Product Filtering Component Walkthrough
Lecture 58 Products Filtering Part 1
Lecture 59 Products Filtering Part 2
Lecture 60 Display All Products Without Filtering
Lecture 61 Filer Products By Category
Lecture 62 Filter Products By Brand
Lecture 63 Filter Products By Price and Size
Lecture 64 Filter Products By Price and Size
Lecture 65 Display Products Loading & Error
Lecture 66 Create Product Brands
Lecture 67 Create Product Brands
Section 8: CART MANAGEMENT
Lecture 68 Order Placement Process And API Modification
Lecture 69 Add To Cart Action
Lecture 70 Add Product To Cart
Lecture 71 Adding Product To Cart With Colour and Size
Lecture 72 Cart Order Size and Colour Validation
Lecture 73 Get Cart Items From LocalStorage
Lecture 74 Avoid Duplication Of Products In Cart
Lecture 75 Displaying All Cart Items
Lecture 76 Shopping Cart Walkthrough
Lecture 77 Changing Order Qty Part 1
Lecture 78 Changing Order Qty Part 2
Lecture 79 Cart Product Price Fixed
Lecture 80 Updating Product When Quantities Changes
Lecture 81 Removing Product From Cart
Lecture 82 Fixed Product White Screen and total Price Added to LocalStorage
Lecture 83 Calculate Total Order Summary
Lecture 84 Dynamically Display Products Qunatities
Section 9: PRODUCTS COUPONS MANAGEMENT
Lecture 85 Create And Fetch All Coupons Actions
Lecture 86 Coupon API Modified
Lecture 87 Fetch Single Coupon Action
Lecture 88 Apply Coupon
Lecture 89 Display Coupon Error, Success & Loading
Lecture 90 Apply Coupon To Order Summary
Lecture 91 Reset Coupon Form
Section 10: ORDER PLACEMENT PROCESS
Lecture 92 Order Payment Component Walkthrough
Lecture 93 Checkout Order Summary
Lecture 94 Update Shipping Address Action
Lecture 95 Dispatch Action To Update User Shipping Address
Lecture 96 Display Update Shipping Address Loading & Error
Lecture 97 User Profile Action
Lecture 98 Displaying Shipping Address
Lecture 99 Fixed Shipping Address Bug
Lecture 100 Creating Of Orders Action
Lecture 101 Dispatch Order Placement Action
Lecture 102 Fixed Order Placement
Lecture 103 Display Loading When Placing Orders
Lecture 104 Show Number Of Cart Items and Empty Order After Placement
Lecture 105 Disable Order Button If Out Od Stock
Section 11: PRODUCTS REVIEW
Lecture 106 Product Review Component Walkthrough
Lecture 107 Product Review Action
Lecture 108 Dispatch Action To Review Product
Lecture 109 Add Review to a Product
Lecture 110 Modified Author Of Review API
Section 12: ADMMIN (PRODUCTS MANAGEMENT)
Lecture 111 Customer Profile Component Walkthrough
Lecture 112 Fetch Customer Profile
Lecture 113 Admin Fetching All Products
Lecture 114 Display In Stock And Out Of Stock
Lecture 115 Update Product Component
Lecture 116 Modified Update Product form
Lecture 117 Update Product Action
Lecture 118 Update Product
Lecture 119 Product Update Error Fixed
Lecture 120 Display All Oders
Lecture 121 Order Statistics Action
Lecture 122 Displaying Order Statistics
Lecture 123 Update Order Status Form
Lecture 124 Update Order To Shipped
Lecture 125 Redirect After Update Order Status
Lecture 126 Displaying All Customers
Lecture 127 Remove Duplications Of Customers
Section 13: ADMIN-MANAGING COUPONS
Lecture 128 Dispatch Action To Create Coupon
Lecture 129 Display All Coupons
Lecture 130 Update Coupon
Lecture 131 Delete Coupon
Section 14: APPLICATION IMPROVEMENTS AND FIXING MINORS
Lecture 132 Fetch All Categories
Lecture 133 Fetch All Colors And Brands Categories
Lecture 134 Navbar Improvement
Lecture 135 Logout User
Lecture 136 Logout Error Fixed
Lecture 137 Redirect After Login
Lecture 138 Protecting Private Components
Lecture 139 Show Coupon On Navbar
Lecture 140 Avoid Annoying Popups
Lecture 141 Modify Admin Dashboard CSS -OPTIONAL
Lecture 142 Display Coupon Days Left
Lecture 143 Hide Public Links When User Login
Lecture 144 Fixed Redirect After Register
Lecture 145 Send Only Token To Client
Lecture 146 Reload After Registration & Login
Lecture 147 Show Go To Admin Dashboard Link
Lecture 148 Why Oder Payment Status Is Not Updated
Section 15: DEPLOYMENT
Lecture 149 Preparing For Deployment
Lecture 150 Deploy To Netlify
Lecture 151 Fixed Netlify Error
Developers who want to learn and master MERN Stack Development,Developers willing to build complete E-Commerce Project




Homepage