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

Опубликовано: 04 Апрель 2024
на канале: 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


Смотрите видео Full Stack E-Commerce Responsive MERN App with Auth, Search, Filter, Upload Product | React, MongoDB онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Dynamic Coding with Amit 04 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 346,15 раз и оно понравилось 8.6 тысяч людям.