Full Stack E-Commerce Responsive MERN App with Auth, Search, Filter, Upload Product | React, MongoDB

Published: 04 April 2024
on channel: Dynamic Coding with Amit
346,150
8.6k

Links :
MongoDB: https://www.mongodb.com/
Express: https://expressjs.com/
React: https://react.dev/
Nodejs: https://nodejs.org/en
Redux-Toolkit: https://react-redux.js.org/introducti...
React Router: https://reactrouter.com/en/main/start...
Mongoose: https://mongoosejs.com/
JsonWebToken: https://www.npmjs.com/package/jsonweb...
Dotenv: https://www.npmjs.com/package/dotenv
VsCode: https://code.visualstudio.com/

Code
completed code : https://github.com/IsAmitprajapati/Fu...
assets file : https://drive.google.com/drive/folder...

____________________________

Subscribe to my channel : ‪@DynamicCodingwithAmit‬   / @dynamiccodingwithamit  
for more web development

____________________________

Learn to build an advanced e-commerce platform with our tutorial! Discover how to implement essential features like filtering, searching, adding to cart, purchasing, image zoom, CRUD operations, and JWT token authentication. Simplify your development process and create a modern UI that enhances the user experience.

Join us and elevate your e-commerce skills today!

⭐ Subscribe to our channel for more MERN stack tutorials and stay tuned for upcoming videos on advanced topics like authentication, pagination, and more. Don't forget to like this video and leave your comments below. Happy coding! ⭐

Follow us 💖 To Touch :
➡️Instagram :   / dynamiccodingwithamit  
➡️Facebook page :   / dynamiccodingwithamit  
➡️Twitter :   / codingamit  
➡️Github : https://github.com/IsAmitprajapati

➡️Personal LinkedIn :   / itsamitprajapati  

Chapters:
00:00 Full Stack MERN E-Commerce Responsive application from Scratch
03:19 Setup and Create-react-app
05:24 Tailwind Install and React router dom setup
15:30 Header section Logo, Search Box, Login, User Icons, Add to Cart with Responsive
36:57 Create Login page with functionality
01:01:21 Create Sign up page
01:35:11 Backend Installation of Node and create Model User create api login , signup and user details and Middleware
03:29:45 setup the redux
03:42:23 Logout functionality implement
03:53:24 When click on the profile icons display menu
03:56:13 Admin Panel for upload product and User details
4:20:33 All User Section display and update the details
5:38:35 All Product section display , update , upload new product
6:18:08 Setup the Cloudinary for upload the image
8:11:51 upload product show

#ecommerce #dynamiccodingwithamit #mernstack #fullstack


Watch video Full Stack E-Commerce Responsive MERN App with Auth, Search, Filter, Upload Product | React, MongoDB online without registration, duration hours minute second in high quality. This video was added by user Dynamic Coding with Amit 04 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 346,15 once and liked it 8.6 thousand people.