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

Опубликовано: 19 Июль 2024
на канале: 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