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+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native 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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing 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 Node.Js

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
Rating: 4.5 out of 54.5 (1,227 ratings)
6,229 students
Created by Ryan Dhungel
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

22 sections • 160 lectures • 16h 27m total length

  • Preview01:59
  • Preview04:15
  • Preview09:50

  • Preview00:35
  • Express server
    09:03
  • Using MongoDB Atlas
    01:42
  • Preview02:31
  • Preview00:15
  • Connecting to MongoDB
    03:21
  • Routes
    04:45
  • Controllers
    04:52

  • User schema
    05:41
  • Virtual fields and methods
    05:19
  • User signup
    05:59
  • Using Postman to signup user
    05:14
  • Preview00:34
  • Friendly error message
    04:43
  • Preview00:24
  • Using express validator
    09:16
  • User signin using JWT
    10:07
  • Using Postman to signin user
    04:12
  • User signout
    02:02

  • 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

  • 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

  • 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
  • Preview00:37
  • List products by search
    07:32
  • Send product photo
    03:45
  • User profile read and update
    07:32
  • Installing CORS
    01:48

  • Preview00:19
  • 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

  • Create react app
    02:53
  • Routing pages
    08:37
  • Menu and active links
    09:27
  • Shared layout component
    07:41
  • Environment variables
    03:08

  • 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

  • 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

Featured review

Aleksandr Zemziulin
Aleksandr Zemziulin
24 courses
3 reviews
Rating: 4.5 out of 58 months ago
Yes guys if you gonna buy this course. In the end you will get fully functional online store. It's not course for beginners so you need some React experience. In all other cases I happy that I bought this course. Oh yes I also was some problem that I can't solve so I asked teatcher (Ryan) about this problem and get answer next day. Thank you for valuable course Ryan!

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 13,202 Reviews
  • 162,713 Students
  • 23 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

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