Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development MERN Stack

MERN Stack Full Ecommerce Site - Using React, Redux, Node.js

Build Powerful MERN Stack Ecommerce Project using React, Redux, Node.js, Express, MongoDB, Stripe from DEV to DEPLOYMENT
Rating: 4.7 out of 54.7 (62 ratings)
374 students
Created by Ghulam Abbas
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Full Stack Web Development using MERN
  • How to Build powerful projects using MERN
  • Learn how to build powerful and fully functional E-commerce website using MERN
  • Learn how to build backend API using node and express
  • Learn about Redux (Best state management tool)
  • Payment Integration using Stripe
  • Best Authentication practices
  • Add filters, search and pagination
  • Complete Admin Dashboard to manage products, orders, reviews, users
  • Complete ratings & reviews system
  • Learn how to add third party site like cloudinary to upload images
  • Complete Cart & Checkout process
  • Deployment
  • and much more ...

Course content

21 sections • 131 lectures • 19h 46m total length

  • Preview02:31
  • Preview15:53

  • Installing tools
    04:48

  • Get ShopIT Project GitHub Link
    00:06
  • Basic Project Setup
    07:03
  • Installing & Setting up Nodemon
    02:58
  • Creating First Route
    06:26
  • Setting Up Postman Environment
    03:51
  • Install & Setup MongoDB Locally
    04:38
  • Connecting to MongoDB
    05:16

  • Preview13:41
  • Admin - Create & Save Product
    09:15
  • Creating Data Seeder
    08:19
  • Display all Products
    02:51
  • Get Single Product
    05:24
  • Admin - Update Product
    06:22
  • Admin - Delete Product
    05:08

  • Creating Error Handler Class
    05:08
  • Creating Errors Middleware
    06:40
  • Preview05:14
  • Catching Async Errors
    05:25
  • Handling Unhandled Promise Rejection
    04:24
  • Handling Uncaught Exceptions
    03:12
  • Validation & Mongose ID Error
    08:38

  • Search Products by Keyword
    10:33
  • Filter Products
    12:45
  • Adding Pagination
    06:34

  • Creating User Model
    09:53
  • Encrypting Password while Registration
    15:26
  • Generate JSON Web Token
    04:19
  • Login User & Assign Token
    09:19
  • Sending JWT Token in Cookie
    06:51
  • Protect Routes from Unauthorized Users
    08:18
  • Logout User
    05:35
  • Authorize User Roles and Permissions
    05:37
  • Adding User in Products
    02:42
  • Generate Forgot Password token
    05:33
  • Send Password Recovery Email
    20:08
  • Reset New Password
    09:53
  • Handle Wrong JWT Token & Expire JWT Error
    04:48

  • Show User Profile
    05:51
  • Change / Update Password
    06:47
  • Update User Profile
    06:04
  • Admin - Get All Users & Specific User
    06:26
  • Admin - Update & Delete User
    11:15

  • Creating Order Model
    09:32
  • New Order Sample JSON
    00:20
  • Create & Save Order
    10:24
  • Get Single Order & Logged in User Orders
    06:50
  • Admin - Get all Order
    04:03
  • Admin - Update / Process Order
    13:41
  • Admin - Delete Order
    03:58

  • Add New / Update Review
    13:32
  • Get all Reviews of Product
    04:04
  • Delete Product Review
    07:13

Requirements

  • Must understand and write JavaScript code
  • Must be familiar with main technologies like Node, React, MongoDB
  • Nothing else is required

Description

If you want to learn Full Stack Web Development using MERN stack then you have arrived at the right page. In this course, you will How to Build a Fully Functional E-commerce website using MERN Stack.


In this course, we will use four powerful technologies: React (Frontend), Node.js (Backend runtime environment), Express (Backend Framework), MongoDB (Database).


We are also going to using Redux for state management, stipe to handle our payments, Cloudinary to handle our images, and follow the best practices to implement Authentication & Authorization.


So if you are really interested in full-stack development or if you want to learn real implementation of MERN stack, Then I will see you in the course. Below are course highlights that you can read:


  • Setting Up Environment

  • Starting with ShopIT Backend

  • Adding Products Resource

  • Backend Error Handling

  • Adding Filter, Pagination, Search

  • Authentication & Authorization

  • User Routes

  • Adding Orders Resource

  • User Reviews

  • Starting with ShopIT Frontend

  • Implementing Redux

  • Adding Pagination, Search & Filters

  • Users & Authentication Frontend

  • Adding Shopping Cart

  • Handle Checkout & Payments

  • User Orders & Reviews

  • Admin Routes

  • Deployment

  • Your Task / Assignment


Who this course is for:

  • JavaScript Developers
  • Anyone who want to learn about Full Stack Web Development
  • Anyone who want to learn MERN stack
  • Anyone who wants to learn, How to build real world project like: Ecommerce

Featured review

Saransh Sharma
Saransh Sharma
23 courses
6 reviews
Rating: 5.0 out of 52 months ago
I am totally new to web development but still I am able to follow the instructor and wherever I get stuck, instructor is there to answer our queries. And most important thing is practical knowledge is there which usually not found on Udemy. So I think this course is very good to know how to implement knowledge practically.

Instructor

Ghulam Abbas
Full Stack Developer & Designer
Ghulam Abbas
  • 4.4 Instructor Rating
  • 2,119 Reviews
  • 50,059 Students
  • 7 Courses

Hi, my name is Ghulam Abbas and I have studied Computer Science in detail. I have created several projects using different programming languages that have worth. I have learned JAVA and Python at my University. I have skills in both of these languages and also I have created several projects for my clients in Java.


As a programmer, I always want to taste all big programming languages. When I came to JavaScript then I fall in love with it. After that time, I started learning all about Web Development whether it is front end or back-end, I learned everything in JavaScript. JS is Love.


I have over 50,000+ happy students from 177+ countries. I hope that you will also enjoy all the courses on Udemy.  I will try my best to deliver my knowledge to you.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.