Welcome to VendX: the E-Commerce Website Template with an Admin Panel!
Admin Panel - https://vendx-admin.vercel.app/ Store - https://vendx-store.vercel.app/
This application provides a complete solution for managing and displaying products, categories, and orders, complete with user authentication and a fully functional admin dashboard.
NOTE: This project is based on a tutorial by Code With Antonio (https://youtu.be/5miHyP6lExg).
Please note that this project is not an exact replica of the one shown in the video due to differences in the tech stack:
Next.js 13 → Next.js 14 | Prisma → Drizzle | Recharts → shadcn/ui charts
This project was created primarily to learn Drizzle, but it also serves as a comprehensive e-commerce template.
- ✅ Environment Setup (Admin)
- ✅ Clerk Authentication (Admin)
- ✅ Modal Components (Admin)
- ✅ Form Components (Admin)
- ✅ Drizzle ORM, Neon, MySQL Setup (Admin)
- ✅ Dashboard Setup (Admin)
- ✅ Navigation Bar (Admin)
- ✅ Settings Page (Admin)
- ✅ Billboards Entity (Admin)
- ✅ Data Table (Admin)
- ✅ Categories Entity (Admin)
- ✅ Sizes Entity (Admin)
- ✅ Colors Entity (Admin)
- ✅ Products Entity (Admin)
- ✅ Orders Entity (Admin)
- ✅ Environment Setup & Featured Products (Store)
- ✅ Individual Product Screen (Store)
- ✅ Individual Category Screen (Store)
- ✅ Product Preview Modal Components (Store)
- ✅ Add to Cart Functionality (Store)
- ✅ Checkout Functionality (Admin, Store)
- ✅ Dashboard Page (Admin)
- ✅ Dark Mode (Admin)
- ✅ Deployment to Vercel (Admin, Store)
- Multiple Images for Products
- A REAL Payment Flow (use
isPaid: truefor queries in the dashboard) - Multiple Stores per User Functionality
- Use
isArchived: trueProperty in the Dashboard