Back to Browse

MERN Stack Project | Build a Full Stack Auction Platform With MongoDB, Express, React, Node.js

42.7K views
Sep 5, 2024
17:58:12

Learn how to build a complete Auction Platform from scratch using the MERN stack (MongoDB, Express, React, Node.js). This tutorial covers everything you need to create a fully functional and responsive auction website. You'll learn how to manage bids, handle user authentication, implement a dashboard, and automate tasks such as payment verification using advanced MongoDB features. Perfect for web developers looking to enhance their skills in full-stack development with hands-on experience in a real-world project. Don’t forget to like, subscribe, and hit the notification bell for more MERN stack tutorials! Key Features Covered: Setting up the MERN stack environment Building a responsive user interface with React and Tailwind Managing bids and users with MongoDB Implementing payment verification and admin dashboard Automating tasks and notifications Deploying the application Chapters: 0:00 - 18:13 - Demo 18:13 - 37:52 - Backend Environment Setup 37:52 - 41:45 - Connecting To Database 41:45 - 54:10 - User Model 54:10 - 2:26:04 - User Routes 2:26:04 - 2:34:26 - Auction Model 2:34:26 - 4:06:09 - Auction Routes 4:06:09 - 4:09:00 - Bid Model 4:09:00 - 4:44:09 - Bid Routes 4:44:09 - 4:50:47 - Commission Proof Model 4:50:47 - 5:11:02 - Commission Proof Routes 5:11:02 - 5:13:50 - Commission Model 5:13:50 - 6:06:15 - Super Admin Routes 6:06:15 - 6:16:42 - Node Mailer Setup 6:16:42 - 6:54:23 - Automation 6:54:23 - 7:15:48 - Backend Finalization 7:15:48 - 7:33:18 - Frontend Environment Setup 7:33:18 - 8:18:10 - Side Drawer 8:18:10 - 9:10:12 - Register Page 9:10:12 - 9:24:15 - Login Page 9:24:15 - 9:53:09 - Submit Commission page 9:53:09 - 10:03:16 - How It Works Page 10:03:16 - 10:12:42 - About Us Page 10:12:42 - 11:54:15 - Home Page 11:54:15 - 12:01:09 - Leaderboard Page 12:01:09 - 12:07:33 - Auctions Page 12:07:33 - 13:12:15 - Auction Item Detail Page 13:12:15 - 13:54:53 - Create New Auction Page 13:54:53 - 15:06:28 - View My Auctions Page 15:06:28 - 16:59:40 - Dashboard 16:59:40 - 17:16:50 - Contact Us Page 17:16:50 - 17:37:40 - User Profile Page 17:37:40 - 17:41:44 - Frontend Finalization 17:41:44 - 17:58:12 - Deployment Github Repository: https://github.com/Zeeshu911/MERN_Stack_Auction_Platform 💻 Stay connected: Facebook: https://www.facebook.com/people/Muhammad-Zeeshan-Khan/100030535123397/?mibextid=9R9pXO LinkedIn: https://www.linkedin.com/in/muhammad-zeeshan-khan-dev/ Instagram: https://www.instagram.com/z_4_zeeshuuu/?igshid=NzZlODBkYWE4Ng%3D%3D Thank you for being a part of the CodeWithZeeshu community. Happy coding! #mernstackprojects #mernstack #mern #react #nodejs #express #mongodb #webdevelopment #fullstack #auction #auctionmarket

Download

0 formats

No download links available.

MERN Stack Project | Build a Full Stack Auction Platform With MongoDB, Express, React, Node.js | NatokHD