Learn how to Build and Deploy Full Stack E-commerce Website using React JS, MongoDB, Express JS, Node JS, Stripe and Razorpay. MERN Stack eCommerce project step by step tutorial
👉 Source Code:
👉 Live Preview:
👉 Download the assets:
👉 Figma Design:
👉 Deploy this project:
❤️ Complete this quiz after watching this tutorial and get project completion certificate:
👉
SUBSCRIBE: @GreatStackDev
——————-
In this project tutorial you will learn to build and deploy an eCommerce website using React JS, MongoDB, Express JS, Node JS. After building this e-Commerce project using MERN Stack, We will deploy it online on Vercel.
In this eCommerce website project, user can explore products, filer and short the product and user can add the product in cart by selecting product variant like size. User can also order the product by providing the delivery address and using any Payment method either Cash on Delivery or Online payment. In this Full Stack e commerce project we will add 2 online payment gateways that is Stripe and Razorpay. So that customer can pay online and place the order.
We will build the admin dashboard of this eCommerce website so that admin can upload the project, delete the product or check all products added on the store. We will build this eCommerce backend project / Backend API’s using Node.js and Express and all products, user and order data will be stored on MongoDB database.
After completing this full stack project’s ( Frontend and Backend ) we will deploy it on Vercel so that anyone can explore this ecommerce website.
Vercel JSON config for deployment:
👉
——————-
Watch Full Stack Food Order Website tutorial:
👉
Watch Full Stack Chat App tutorial:
👉
Watch Full Stack Music Streaming Website
👉
Watch Full Stack Blog Website Tutorial
👉
————————————-
Build more React JS projects:
Complete Portfolio Website In React:
👉
Build ChatGPT Clone In React:
👉
Build AI Image Generator with OpenAI In React
👉
Create Weather App In React
👉
————————————-
Timestamp:
00:00 Project Overview
10:51 React Project Setup
20:48 Create Pages and Routing
31:21 Create Home Page components
01:50:15 Create Collection Page
02:46:21 Create Product page
03:41:41 Cart and Place Order Page
04:34:09 My Order and Login Page
04:55:57 About and Contact Page
05:10:15 Create Backend
05:50:20 Create User Authentication feature
06:22:20 Create Product upload feature
07:08:44 Create authentication for Admin
07:24:23 Create Admin dashboard
08:01:55 Connect Backend APIs with Admin panel
09:24:00 Connect Backend APIs with eCommerce Website
10:32:55 Create Place Order feature
11:37:02 Display order details in Admin panel
12:10:59 Add Stripe payment gateway
12:45:52 Add Razorpay payment gateway
13:21:15 Deploy Full Stack project on Vercel
————————————-
Images Credit:
————————————-
Connect with me:
👉
Connect with GreatStack:
Instagram:
Twitter:
Facebook:
Stripe services are invite only in India. This means that businesses from India must request an invite and aren't able to sign-up for a new Stripe account through our website. We are only able to support a select number of businesses, with a focus on international expansion.
Sir, could you please create a video tutorial on how to make a Taxi Booking application using the MERN stack?
1:22:35
6:30:00
Can someone who completed project can give git repository link to cross check errors
When I checked this website live, I found one thing that I can order clothes without login. Isn't that wrong?
can anyone kindly tell at which time he implements the feature that when we click on related items that item opens as when i followed him he didn't do this step kindly need help please
Great Work 🔥🔥
Can I use this project for real world
Where is profile code🥲
great work
bro how did you add admin panel in deployed site plaease tell , because it shows in your preview
for state management. why did you not use redux
9:29:05 i was not able to get products from api all I'm getting is blank
Anyone help me
Great project , thanx for sharing
31:34
1:53:34 last seen
Another banger 🎉
I am completed e-commerce project frontend and backend and admin user. This project I am spending 15 days,But I am gaining more knowledge in this project tq very much sir ❤❤❤❤❤❤❤❤.. I am struggling some days and self motivated and continue. Tq so much sir ❤❤
06:40:30 I'm facing the issue while uploading images,
Saying that,
TypeError: Cannot read properties of undefined (reading '0')
Please tell what's issue..
Good video
Cannot read properties of undefined (reading '0') in product controller addproduct function
Your project is exactly what I was looking for! Thank you! I also bought your course for JavaScript ! I would like to learn more from you guys! Do you have any online courses for advance JavaScript or React?
Hi
Kisi k pass source code h toh bhej do
i am comment 600 😍😍😍😍😍😍😍😍😍😍😍😍
Finally finished the project 🎉🎉🎉