Back to Browse

Full-Stack Quick Commerce App with Next.Js, Drizzle ORM and Cryptomus Payments

23.3K views
Jul 19, 2024
12:24:51

🔗 Cryptomus Website: https://bit.ly/3zMCDEV 🔗 Cryptomus Telegram: https://bit.ly/4f7Mgy0 🔗 Source Code: https://github.com/codersgyan/premium-choco-quick-commerce-yt 🔗 Design Inspiration: https://bit.ly/3zOZMGz 👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: https://www.codersgyan.com/mern 🌐🚀 🤝 Get 1:1 mentorship: https://topmate.io/codersgyan 📚 Web Development Learning Resources JavaScript Course: https://www.youtube.com/playlist?list=PLXQpH_kZIxTV7slsiwQarBEVXHgQWDhLQ Object Oriented Programming: https://youtube.com/playlist?list=PLXQpH_kZIxTWQfh_krE4sI_8etq5rH_z6&si=D1bOCLHCCFs4mPuI Full Stack Developer's Journey: https://www.youtube.com/playlist?list=PLXQpH_kZIxTUb5iT3kMs-cl5WB9ZxnkSF MERN Stack Playlist: https://www.youtube.com/playlist?list=PLXQpH_kZIxTUPxxJF1nnm9mGO3mjEydzw Interview Questions Playlist: https://www.youtube.com/playlist?list=PLXQpH_kZIxTVwiGpOqnkFb1-aHMIai7ld Crash courses: https://www.youtube.com/playlist?list=PLXQpH_kZIxTX-y101GIoKpXzvFAkp85vM CodersGyan Community Links 🎥 Subscribe to Our Channel: https://www.youtube.com/@CodersGyan?sub_confirmation=1 📱 WhatsApp Channel: https://whatsapp.com/channel/0029VaYKnIX9hXFDlAcUFE40 🌐 Website: https://www.codersgyan.com 🤖 Discord Community: https://discord.gg/YqWdeapPHQ 🔗 LinkedIn: https://www.linkedin.com/in/codersgyan 💻 GitHub: https://github.com/codersgyan ✅ My gears for everyday work: https://docs.google.com/spreadsheets/d/1o58GFIKKYDFQ-aplKYMgH8TfNlrAomosZre2aDjYl7I/edit?usp=sharing 00:00:00 Project Demonstration 00:14:28 NextJs Installation 00:17:35 Setting Up Database(PostgreSQL) 00:20:10 Setup Drizzle ORM 00:28:20 Database ERD Diagram 00:45:38 Create User Table 00:57:40 Creating the Product Table 01:01:36 Creating the Product Endpoint 01:05:14 Install Zod for Validation 01:18:27 Store Data into the Database 01:27:51 Get Product List Endpoint 01:32:55 Get Single Product Endpoint 01:40:39 Create Warehouse Endpoint 01:55:58 Get Warehouses List Endpoint 01:59:04 Create Delivery Person Endpoint 02:18:06 Get All Delivery Persons Endpoint 02:24:47 Create Inventories Endpoint 02:39:22 Get All Inventories Endpoint 02:45:17 Implement Next Auth 03:25:02 Install Shadcn 03:35:21 Create Dashboard Homepage 03:58:53 Create Product Page 04:15:43 Fetch Product Data from Backend Using React Query and Axios 04:36:51 Add Product Functionality 05:21:25 Add Loading Spinner to Create Button 05:26:07 Close Sheet on Success 05:32:32 Add Loading Spinner for Fetching Products 05:36:09 Display Error Message on Product Fetch Error 05:40:09 Assignment 05:56:05 Create Inventory Table 06:03:58 Add Inventory Form 06:26:31 Create Homepage 06:35:25 Create Dynamic Product Section 07:04:17 Create Single Product Page 08:14:13 Create Order Placement Endpoint 08:17:32 Order Creation 09:05:27 Create Invoice 09:06:01 Implement Cryptomus Payment System 10:35:38 Create Payment Success Page 10:37:33 Create Payment Failed Page 10:39:16 Get Orders List Endpoint 10:47:35 Display Orders List in Dashboard 11:11:44 Update Order Status Endpoint 11:21:01 Add Select Box to Change the Order Status 11:34:04 Show Order List for Users 11:54:05 Secure Account Section 11:57:55 Implement User Logout Functionality for Client 12:04:51 Implement Logout Functionality for Admin Panel 12:12:54 Secure All API Endpoints 12:24:01 Ending #nextjs14 #fullstackdevelopment #postgresql #codersgyan #cryptomus #project #webdevelopment

Download

1 formats

Video Formats

360pmp41.3 GB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Full-Stack Quick Commerce App with Next.Js, Drizzle ORM and Cryptomus Payments | NatokHD