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

Published: 19 July 2024
on channel: Coder's Gyan

12,616

573

🔗 Cryptomus Website: https://bit.ly/3zMCDEV
🔗 Cryptomus Telegram: https://bit.ly/4f7Mgy0
🔗 Source Code: https://github.com/codersgyan/premium...
🔗 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:
   • JavaScript Complete course
Object Oriented Programming:
   • OOP - Javascript
Full Stack Developer's Journey:
   • Full Stack Developer's Journey
MERN Stack Playlist:
   • MERN Stack
Interview Questions Playlist:
   • Javascript Interview questions
Crash courses:
   • Crash courses

CodersGyan Community Links

🎥 Subscribe to Our Channel:    / @codersgyan
📱 WhatsApp Channel: https://whatsapp.com/channel/0029VaYK...
🌐 Website: https://www.codersgyan.com
🤖 Discord Community:   / discord
🔗 LinkedIn:   / codersgyan
💻 GitHub: https://github.com/codersgyan
✅ My gears for everyday work: https://docs.google.com/spreadsheets/...

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

Watch video Full-Stack Quick Commerce App with Next.Js, Drizzle ORM and Cryptomus Payments online without registration, duration hours minute second in high quality. This video was added by user Coder's Gyan 19 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,616 once and liked it 573 people.

354