Create a Modern eCommerce Website Using MERN Stack – Step by

Name: Create a Modern eCommerce Website Using MERN Stack – Step by
Rating: 5.0 (2 reviews)

Learn MERN Stack Development: Build Full-Stack Apps, Master ReactJS, Node.js, and APIs.

Created byHarsh Pathak

Last updated 11/2024

Hindi

What you'll learn

The completion of MERN stack Ecommerce projects should demonstrate a student's proficiency in full-stack web development.
They should be able to build dynamic and responsive web applications
Completing MERN stack projects can provide students with practical experience in using contextapi, a popular state management.
student understand how the add to cart functionality work. payment integration work how we make dynamic purchase product with redux toolkit api integration.

Course content

10 sections • 79 lectures • 35h 39m total length

Introduction35:39
In this introduction video, I’ll provide a full demo of our project so you can see everything we’ll cover in this course.

Create Node Server Start lec - 118:25
In this video, we will start the project setup and run the Node.js server.
Create Backend Folder Structure Lec -24:13
In this video, we will explore the backend folder structure. We will be implementing the MVC structure for this project.
Create Databse Connection Lec - 326:00
In this video, we will demonstrate the process of establishing a database connection. We will connect Node.js with a MongoDB database using Mongoose and create an admin schema.
Create Admin Routes Lec - 48:21
In this video, we will learn how to create routes in Node.js.
Create Admin Controller Lec - 536:45
In this video, we will create the admin controller.
Admin Register and Login Api Lec - 647:03
In this video, we will create the admin register and login APIs. In the register API, we will utilize bcryptjs for password hashing, and in the login API, we will implement JSON Web Tokens. Upon successful user login, we will send a token to the front end.
Create Admin Middleware Lec - 733:37
In this video, we will create the middleware for admin.
Admin Logout Api Lec - 813:43
In this video, we will create the admin logout API.
Product category Module Lec - 927:03
In this video, we will be creating an admin product category schema. We'll also set up category routes and controllers, and implement APIs for adding and retrieving categories.
Product Schema and Add Product Api Lec - 1027:37
In This video We will create The Product Schema and Create product route and controller and make add product api.
GetProduct Api , Pagination, Category Filter Lec - 1135:52
In This Video We Will see The Get Product Api, Pagination and Category Filter.
SingleProduct, LatestProduct, DeleteProduct Api Lec - 1220:51
In This Video We Will create 3 apis. Single Product Api, Latest Product Api, Delete Product Api.

Create User Schema , Routes, Controller Lec - 1316:18
In This Video, We Will Create The User Schema, Routes and Controllers.
User Register Api Lec - 1418:59
In This Video, We Will Create a User Register Api.
User Login Api Lec - 1511:19
In This Video, We Will Create a User login API.
User Middleware and Logout Api Lec - 1618:37
In This Video We Will Create User Middleware and Logout Api.
User Forgotpassword(Part :- 1) Lec - 1726:02
In This Video We Will Create Send Email Api For forgotpassword.
Forgotpassword(Part :- 2) Lec - 1828:27
Create an Ejs Template For forgot passwords.
Password Update Api (Part :- 3) Lec - 1930:09
In This Video, We Will Create a Password Update API.
Cart Schema, Routes And Controllers Lec - 2016:07
In This Video, We Will Create a Cart Schema, Routes, and Controller.
Add To Cart Api Lec - 2140:15
In This Video We Will Create Add To Cart Api.
Get Cart Data Api Lec - 2225:47
In This Video, We Will Create Get Cart Data API.
Decrement Iteam From Cart Lec - 2329:27
In This Video, We Will Create How To remove Cart Quantity.
Remove Items from cart and empty cart APi Lec - 2420:45
In This Video We Will create Remove Cart Item Api and Empty Cart Api.
Product Review Schema and Add Review Api Lec - 2524:10
In This Video, We Will Create a Product Review Schema and Add Review Api.
Get Product Review and Delete Product Review Api Lec - 2615:58
In This Video, We Will Create Get Product Review Api and Delete Product Review Api.
Get All User and Delete User Api Lec - 2719:29
In This Video, We Will Create a Get All user and Delete user API.

Create React App and Folder Structure Lec - 2812:47
In This Video, We Will Create a React App and Folder Structure.
Create Header And Footer Design (Part - 1) Lec - 2929:20
In This Video We will Start Header Design.
Complete Header And Footer Design (part - 2) Lec - 3024:32
In This Video, We Will Complete The Header and Footer Design.
Design Home Page Banner Lec - 3120:37
In This Video, We Will Design The Home Page Banner.
Home Page Product and Contact Component Design Lec - 3218:17
In This Video, We Will Create a Home Page Product and Contact Components Design.
Design Product Page and Product Details Page Lec - 3332:35
In This Video, We Will Design The Product and Product Details Page.
Design Product Review Lec - 3421:26
In This Video, We Will Design The Product Review Components.
Design Cart Page and User Page Lec - 3536:29
In This Video, We Will Create a Cart page Design and a User Profile Page.
Design Register Page, Login Page, Forgotpassword Page Lec - 3631:29
In This Video, We Will Create a Register Page, Login Page, Forgotpassword Page, and ResetPassword Page.
Design Shipping Page, Checkout Page and User Order Page Lec - 3730:45
In This Video, We Will Design a Shipping Page, Checkout Page, and User Order Page.

Admin Login Api Integration Lec - 4339:58
In This Video We Will Integrate the Admin Login Api.
Admin Verify and Admin Logout Api Integration Lec - 4437:56
In This Video, We Will Create Admin Verify and Admin Logout Api Integration.
Add Category and Get Category Api Integration Lec - 4544:06
In This Video, We Will Create an Add Category and Get Category Api Integration.
Add Product Api Integration Lec - 4640:02
In This Video, We Will Create and Add Product Api Integration.
Get All Products Api Integration and Pagination Lec - 4742:51
In This Video, We Will Create Get All Products API Integration and Pagination.
Product Delete Api Integration Lec - 4816:07
In This Video, We Will See Product Delete Api Integration.

User Registration Api Integration Lec - 4937:09
In This Video, We Will Create User Registration Api Integration.
User Login Api Integration Lec - 5015:55
In This Video, We Will Create User Login Api Integration.
User Verify Api Integration Lec - 5126:48
In This Video, We Will Create User Verify Api Integration.
User Logout And User Profile Api Integration Lec - 5220:01
In This Video, We Will Create a User Logout And User Profile API Integration.
ForgotPassword and ForgotPassword Verify Api Integration Lec - 5338:22
In This Video, We Will Create ForgotPassword and ForgotPassword Verify Api Integration.
Reset Password Api Integration Lec - 5419:39
In This Video, We Will Create a Reset Password Api Integration.
Home Products And New Arrival Products Api Integration Lec - 5523:50
In This Video, We Will Create Home Products And New Arrival Products Api Integration.
Product Page, Category wise filter, Pagination Api Integration Lec -5617:10
In This Video, We Will Create a Product Page, Category filter, and Pagination Api Integration.
Single Product Details Api Integration Lec - 5724:21
In This Video, We Will Create Single Product Details Api Integration.
Add Product Review Api Integration Lec - 5825:18
In This Video, We Will Create and Add Product Review Api Integration.
Get Product Review Api Integration Lec - 5929:46
In This Video, We Will Create Get Product Review Api Integration.
Product Review Delete Api Integration Lec - 6014:20
In This Video Product Review Delete Api Integration.
Add To Cart Api Integration Lec - 6119:13
In This Video, We Will Create Add To Cart API Integration.
Get Cart Api Integration Lec - 6239:36
IN This Video We Will Create Get Cart API Integration.
Decrement Cart Iteams And Remove All Iteams Api Integration Lec - 6331:14
In This Video We Will Create Decrement Cart Iteams And Remove All Iteams Api Integration.
Shipping Details Page Form Lec - 6438:56
In This Video, We Will Create a Shipping Details Page Form.
CheckOut Page and Protected Routes Lec - 6542:42
IN This Video We Will Create a CheckOut Page and Protected Routes.
Get All user And Delete User Api Integration In Dashboard Lec - 6642:00
In This Video, We Will Create Get All users, And Delete User Api Integration In the Dashboard.
User Contact Schema, Route,Controller, Payment Controller, Order Routes,Controll34:57
In This Video, We Will Create User Contact Schema, Route, Controller, Payment Controller, Order Routes ,Controller.
Order Controller Logic Lec - 6840:13
In This Video, We Will Create Order Controller Logic.
Order Invoice Integration Lec - 6919:06
In This Video, We Will Create Order Invoice Integration.

Payment Api Integration part - 1 Lec - 7045:58
In This Video, We Will Create Payment Api Integration.
Complete Payment Integration, Add Order Api Integration Lec - 7130:14
In This Video, We Will Create Complete Payment Integration and add Order Api Integration.
Delete Cart And User Order Api Integration Lec - 7230:07
We Will Create a Delete Cart And User Order Api Integration in this video.
Get All Orders and Order Update Api Integration Lec - 7339:04
In This Video, We Will Create Get All Orders and Order Update Api Integration.
Loader Components Lec - 7413:27
In This Video, We Will Create Loader Components.
In This Video We Will Finishing The Project and Testing All Project Features.20:40
In This Video, We Will Finishing The Project and Testing All Project Features.
User Contact Api Integration Lec - 7611:52
In This Video, We Will Create User Contact Api Integration.

Requirements

You need basic knowledge of reactjs , nodejs and mongodb

Description

Are you ready to dive into the exciting world of full-stack e-commerce development? This comprehensive course is designed to equip you with the skills and knowledge needed to build a complete e-commerce project from scratch. Whether you're a beginner or an experienced developer, this course will guide you step-by-step through the process of creating a professional e-commerce website with modern tools and best practices.

You’ll master front-end development using modern frameworks, learn efficient state management techniques, and develop robust back-end infrastructure. Explore the intricacies of payment processing, inventory management, user authentication, deployment, and real-time updates, gaining real-world insights into building scalable and secure e-commerce applications.

By the end of this course, you’ll be confident in creating a fully functional, feature-rich e-commerce website, complete with a seamless shopping experience and powerful back-end components. Whether you’re planning to launch your own online store or enhance your portfolio with a standout project, this course will provide the practical skills and hands-on experience you need to excel in your career and future endeavors.

Take the first step toward becoming a full-stack e-commerce developer. Join us on this exciting journey to turn your e-commerce ideas into reality and thrive in the ever-evolving world of web development!

Who this course is for:

Front-end Developers
Back-end Developers
Full Stack Developer
Beginners in Web Development,

Create a Modern eCommerce Website Using MERN Stack – Step by

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 36min

BackEnd Start (Admin Module)12 lectures • 5hr

BackEnd (User module)15 lectures • 5hr 42min

Start Front End (User module Design)10 lectures • 4hr 18min

Front End (Admin module design)3 lectures • 1hr 23min

Redux Toolkit Setup2 lectures • 1hr 3min

Admin Api Call With Redux Toolkit6 lectures • 3hr 41min

User Api Call With Redux Toolkit21 lectures • 10hr 1min

Payment Gateway7 lectures • 3hr 11min

Deployment2 lectures • 46min

Requirements

Description

Who this course is for: