HOT
blank

MERN Stack ECommerce App – React,Redux,Node,Express,Mongo DB

Development

Rating4.6
Enroll Now

MERN Stack ECommerce App – React,Redux,Node,Express,Mongo DB, available at $59.99, has an average rating of 4.6, with 67 lectures, based on 67 reviews, and has 3027 subscribers.

You will learn about How To Create a New React App Working with Static JSON Data Creating Node and Express Server Mongo DB Atlas and Mongo DB Compass connection Connecting Node JS and Mongo DB Working with API End Points Working with State Management Working with Redux stores , reducers,actions Working with Redux Thunk Add to cart functionality Updating and deleting items from cart Checkout Functionality Stripe payment gateway integration Connecting stripe to react and node Working with react-stripe-checkout module Placing orders Store orders in database User Authentication Working on User profile Filtering Products by price , category Products search functionality Adding reviews to the products Displaying reviews for the products Admin panel implementation Mange users , orders , products with admin panel Deployment to HEROKU This course is ideal for individuals who are React Developers or Node Developers or MERN Developers or Any one interested in building complex MERN apps from Scratch or Any one interested in building complex Ecommerce Application or Any one interested in building and learning new things 🙂 It is particularly useful for React Developers or Node Developers or MERN Developers or Any one interested in building complex MERN apps from Scratch or Any one interested in building complex Ecommerce Application or Any one interested in building and learning new things :).

Enroll now: MERN Stack ECommerce App – React,Redux,Node,Express,Mongo DB

Summary

Title: MERN Stack ECommerce App – React,Redux,Node,Express,Mongo DB

Price: $59.99

Average Rating: 4.6

Number of Lectures: 67

Number of Published Lectures: 67

Number of Curriculum Items: 67

Number of Published Curriculum Objects: 67

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

  • How To Create a New React App
  • Working with Static JSON Data
  • Creating Node and Express Server
  • Mongo DB Atlas and Mongo DB Compass connection
  • Connecting Node JS and Mongo DB
  • Working with API End Points
  • Working with State Management
  • Working with Redux stores , reducers,actions
  • Working with Redux Thunk
  • Add to cart functionality
  • Updating and deleting items from cart
  • Checkout Functionality
  • Stripe payment gateway integration
  • Connecting stripe to react and node
  • Working with react-stripe-checkout module
  • Placing orders
  • Store orders in database
  • User Authentication
  • Working on User profile
  • Filtering Products by price , category
  • Products search functionality
  • Adding reviews to the products
  • Displaying reviews for the products
  • Admin panel implementation
  • Mange users , orders , products with admin panel
  • Deployment to HEROKU

Who Should Attend

  • React Developers
  • Node Developers
  • MERN Developers
  • Any one interested in building complex MERN apps from Scratch
  • Any one interested in building complex Ecommerce Application
  • Any one interested in building and learning new things 🙂

Target Audiences

  • React Developers
  • Node Developers
  • MERN Developers
  • Any one interested in building complex MERN apps from Scratch
  • Any one interested in building complex Ecommerce Application
  • Any one interested in building and learning new things 🙂

Build a Complete MERN Stack Ecommerce App From Scratch

This course is not for any React beginners or Node Beginners. You must have some basic knowledge in React , Redux , Redux Thunk and Node JS.

In this course we will implement the following features in the Ecommerce Application.

  • Creating React App

  • Working with the static data

  • Working with API End Points

  • Mongo DB atlas and Compass

  • Redux States and Reducers

  • Redux Thunk as MiddelWare

  • Working with local storage and Redux store

  • Add to cart Feature

  • Update Quantity in cart

  • Delete Products from cart

  • User Authentication

  • Stripe Payment Gateway

  • Placing orders with stripe

  • Placing Orders

  • Store orders in database

  • Retrieve Orders to user profile

  • User Dashboard

  • Admin Dashboard

  • Manage Users , Products , Orders in Admin Panel

  • Protected routes for admin panel

  • Deployment to Heroku.

  • By the end of the courses you will know how to work with redux states ,reducers, Middelwares including the payment gateway.

  • 24/7 Q/A Support.

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Promo / Github

Lecture 2: User Panel – DEMO

Lecture 3: Admin Pane – Demo

Chapter 2: Front End Setup

Lecture 1: Setup React Application

Lecture 2: Creating Navbar

Lecture 3: Display static data in home page

Lecture 4: Adding routes

Lecture 5: Product description page

Lecture 6: Adding Rating bar

Chapter 3: Backend Setup

Lecture 1: Node JS Setup

Lecture 2: Mongo DB Atlas setup

Lecture 3: Node JS and Mongo DB Connection

Lecture 4: Adding static JSON data in Mongo DB

Chapter 4: Working with Dynamic data

Lecture 1: Creating Product Model

Lecture 2: Get all products – POSTMAN

Lecture 3: Get all products to Homescreen

Chapter 5: Redux , Actions and Reducers

Lecture 1: Redux state implementation

Lecture 2: Bring State to Homepage

Lecture 3: Bring state to Product Description page

Lecture 4: Bring state to Product Description page – part2

Chapter 6: Add To Cart

Lecture 1: Add to cart Button , Quantity Functionality

Lecture 2: Add to cart – Navbar Update

Lecture 3: Add to cart – Quantity Update

Lecture 4: Add to cart with Local storage

Lecture 5: Cart screen design

Lecture 6: Update quantity from cart screen

Lecture 7: Calcalating cart sub total

Chapter 7: Authentication

Lecture 1: User Registration Design

Lecture 2: User Registration Actions and Reducers

Lecture 3: User Registration Backend

Lecture 4: User Login

Lecture 5: Adding current user to state

Lecture 6: Updating navbar with after login

Lecture 7: User logout

Lecture 8: Success , Error , Loading components

Chapter 8: Filtering Products

Lecture 1: Filter Component Design

Lecture 2: Filter Component Logic

Chapter 9: Payment Gateway – Stripe

Lecture 1: Stripe Payment Demo

Lecture 2: Payment Screen design

Lecture 3: Payment actions and reducers

Lecture 4: Payment – Backend

Chapter 10: Placing Orders

Lecture 1: Order Model

Lecture 2: Placing Order

Lecture 3: Loading and Errors in while placing order

Lecture 4: Orders Screen Design

Lecture 5: Orders Screen Actions and Reducers

Lecture 6: Orders Screen update table

Lecture 7: Order Info Actions and Reducer

Lecture 8: Order Info Design

Chapter 11: Working on Reviews

Lecture 1: Adding Review FrontEnd

Lecture 2: Adding Review Backend

Lecture 3: Displaying Reviews

Chapter 12: Working On User Profile

Lecture 1: Protected Routes User Side

Lecture 2: User profile update – frontend

Lecture 3: User Profile update – backend

Chapter 13: Admin Panel

Lecture 1: Admin panel home

Lecture 2: Userslist

Lecture 3: Delete User

Lecture 4: Products list

Lecture 5: Delete Product

Lecture 6: Add product – frontend

Lecture 7: Add product- backend

Lecture 8: Update product – design

Lecture 9: Update product – logic

Lecture 10: Products List

Lecture 11: Final CSS

Chapter 14: Deployment

Lecture 1: Deploying to Heroku

Instructors

Rating Distribution

  • 1 stars: 2 votes
  • 2 stars: 3 votes
  • 3 stars: 7 votes
  • 4 stars: 23 votes
  • 5 stars: 32 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024