MERN Stack React Node Ecommerce from Scratch to Deployment
4.5 (932 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,662 students enrolled

MERN Stack React Node Ecommerce from Scratch to Deployment

MERN Stack React Node MongoDB powered E-Commerce App with PayPal and Credit Card Payment along with Admin Dashboard
4.5 (932 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,662 students enrolled
Created by Ryan Dhungel
Last updated 8/2020
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 16.5 hours on-demand video
  • 15 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn Node JS API (Backend) Development
  • Learn React JS (Frontend) Web Development
  • Learn to Write Functional Components with React Hooks
  • Learn the Fundamental Concepts of Building Ecommerce Application
  • Learn to Implement Payment Gateway using Credit Card and PayPal
  • Learn to Integrate Braintree (A PayPal Company) for Payment Processing
  • Learn to Implement Advance Searching/Filtering based on Categories
  • Learn to Implement Advance Searching/Filtering based on Price Range
  • Learn to Implement Standard Products Search System with Categories option/dropdown
  • Learn to Build Shopping Cart
  • Learn to Implement Authentication based on JWT
  • Learn to Build Scalable React App with Proper Layouts and Routes
  • Learn to build Admin and User Dashboard
  • Learn to Implement Flexible Private and Admin Routing System
  • Learn advance CRUD with Products and Categories
  • Learn to handle File Upload
  • Learn to use LocalStorage (CRUD) to Minimize Requests to Backend
  • Learn to Store Sold Products Record into the Database for Further Processing
  • User Profile and Update Ability
  • Learn to implement Order Management System by Admin
  • Learn to Deploy your app to Digital Ocean's Cloud Servers
  • Learn to add a Custom Domain name to your app
  • Learn to use Cloudflare's CDN to serve your app (for speed)
  • Learn to use Cloudflare's free SSL to secure your app
Course content
Expand all 163 lectures 16:37:22
+ Node - User Signup and Signin
11 lectures 53:32
User schema
05:41
Virtual fields and methods
05:19
User signup
05:59
Using Postman to signup user
05:14
Friendly error message
04:43
Using express validator
09:16
User signin using JWT
10:07
Using Postman to signin user
04:12
User signout
02:02
+ Node - Auth and Admin Middlewares
5 lectures 25:22
Express JWT Error - Algorithms should be set (for next lecture)
00:14
Require signin middleware
03:16
Renaming from user to auth
02:39
User by id middleware
11:24
Auth and admin middlewares
07:49
+ Node - Product and Categories
11 lectures 01:15:53
Category model route and controller
06:07
Creating category using postman
04:48
Product model
06:17
Create product with file upload
09:25
Creating product using postman
06:59
Create product validation
06:12
Product by id middleware and single product
07:25
Product delete
06:36
Product update
07:09
Category by id and single category
05:09
Category update delete and get all
09:46
+ Node - Sending Products with Queries
9 lectures 46:58
Products by sell and arrival on request query params
09:38
Fetch products based on request query using postman
05:14
Related products
07:31
List product categories
03:21
List products by search
07:32
Send product photo
03:45
User profile read and update
07:32
Installing CORS
01:48
+ React - React Hooks (Optional)
11 lectures 43:00
React hooks
01:30
Why we used class components?
00:50
Counter app using class
05:44
useState hook
03:48
useEffect hook
06:00
News app using hooks
06:38
Search news on input change
05:55
Controlling useEffect's behaviour
04:43
Loading
03:10
Code Organization
04:23
+ React - React App with Pages and Layouts
5 lectures 31:46
Create react app
02:53
Routing pages
08:37
Menu and active links
09:27
Shared layout component
07:41
Environment variables
03:08
+ React - User Signup and Signin
8 lectures 58:05
Signup form handle change
10:20
User signup
10:04
User signup success and error
09:16
Code refactoring - Signup
03:08
User signin
08:21
Save user and token in local storage
05:11
User signout
05:24
Show and hide signin signout links conditionally
06:21
+ React - Private and Admin Route with User Dashboard
5 lectures 32:09
Private route for authenticated users only
08:12
User dashboard
07:41
Links on user dashboard
05:13
Admin dashboard
02:58
Private route for admin
08:05
Requirements
  • Basic Understanding JavaScript or any other programming language
  • Basic Understanding of React Js
  • Basic Understanding of Node Js
Description

COURSE UPDATE: Deployment, Domain, CDN and free SSL

Learn to Deploy your fully functioning Ecommerce app to production by using Digital Ocean cloud servers. Learn to add your own custom Domain name. Learn to use Cloudflare's CDN to supercharge the speed of your site and also use free SSL to secure your app.


Full Stack / MERN Stack (Mongo Express React Node) Powered Ecommerce App from Scratch to Deoplyment


As a Web Developer, I have always wanted to build an Ecommerce App.

I wanted to know how to implement Add to Cart, Payment Gateways, Order Management System and so much more...


And I know a lot of you out there want to experience building Ecommerce app. The experience is absolutely amazing and it gives you loads of must have knowledge and confidence to start off your next big project using React Node and MongoDB.


This course also uses latest React Hooks which is an absolute joy. Your code will be so much simplified and readable, you wont believe it.


Our Node API will follow MVC Pattern. The codebase will be so clean and elegant, you will be absolutely loving it.


You will also get introduced with Braintree (A PayPal Company) for handling Payments. Braintree is hands down the best payment gateway you could possibly use in a production site for both PayPal and Credit Card payments.


By the end of the course you will learn to deploy your fully functioning Ecommerce app to Digital Ocean cloud servers for production.


Not only that... you will also learn to add your own custom Domain, use Cloudflare's CDN to supercharge your app and free SSL to secure your app.


All this goodness for the price of lunch? YES! Thats right!


We are really living in an age of goodness. Aren't we?


OK. Enough said, I know you cant wait to get your hands on this course :)


By the way, you will never get stuck with this course because each lecture has the Source Code available. Really?


Here are some of the course highlights:


  • Search product

  • Search products based on particular category

  • New arrivals

  • Best sellers

  • Product image

  • Product information

  • Product in stock/out of stock

  • View product

  • Related product

  • Add to cart

  • Remove product

  • Adjust quantity

  • Signin to checkout

  • User dashboard

  • Admin dashboard

  • Private routes

  • Admin routes

  • Shopping cart

  • Checkout with credit card and paypal

  • Checkout with delivery address

  • Success message

  • Update profile

  • Advance search of products

  • Advance search based on category and price range

  • Load more products

  • Admin dashboard

  • Create category

  • Create product

  • View orders

  • Manage products update/delete

  • Role based access

  • and lots more...............


Let me welcome you in an Incredible Journey of Building a  MERN Stack React, Node and MongoDB powered Ecommerce Application from the groud up. Let's do it. Let's code together.

Who this course is for:
  • A Web Developer looking to Build API with Node JS and MongoDB
  • A Web Developer looking to Build Fast, Interactive and Scalable Web Applications using React JS
  • A Web Developer looking to Build a FullStack Ecommerce Application using MERN Stack