In this step-by-step tutorial, we’ll build a fully functional e-commerce website using the MERN stack (MongoDB, Express, React, Node.js) along with Redux Toolkit for state management.
🔗 Links:
SOURCE CODE: https://buymeacoffee.com/compiletab/e/365930
Github assets: https://github.com/kushald/rabbit-assets
Discord: https://discord.gg/rW7XBSNB
We'll use Tailwind CSS to style the frontend and develop a complete backend API with Express.
For state management, we'll implement Redux Toolkit along with Thunk to efficiently asynchronous requests. For authentication and authorization, we'll be using JSON web token. For uploading images we'll use cloudinary image API. For payments, we will use PayPal payment gateway. In the end, we will also look at how to deploy the app on Vercel.
This project is ideal for anyone looking to build a real-world full-stack MERN application or add a strong project to their portfolio.
00:00:00 Introduction
00:01:56 Demo
00:05:26 Installation & set up
05:50:25 Admin UI
07:20:25 Backend setup
07:32:40 users routes
08:05:40 Products routes
09:18:56 cart routes
10:13:26 checkout routes
10:57:55 Admin routes
11:58:30 Redux
#mernproject #reactjs #redux #reduxtoolkit #fullstack #ecommerce