QuickCart is a high-performance, full-stack e-commerce application built with Next.js, React, and MongoDB. It features a robust architecture with background job processing via Inngest, secure authentication through Clerk, and dynamic image management with Cloudinary.
- Modern UI/UX: Responsive design built with Tailwind CSS.
- Product Discovery: Browse products with ease using optimized search and categories.
- Cart Management: Seamlessly add, remove, and update items in your cart.
- Secure Checkout: Integrated order placement flow.
- Order Tracking: View your purchase history and order status.
- User Authentication: Secure login and profile management via Clerk.
- Seller Dashboard: Dedicated interface for managing products and orders.
- Product Management: Easily upload, edit, and delete products.
- Image Uploads: Integrated with Cloudinary for fast and reliable image hosting.
- Frontend: Next.js 15, React 19, Tailwind CSS
- Backend: Next.js API Routes (Serverless)
- Database: MongoDB (Mongoose)
- Authentication: Clerk
- Background Tasks: Inngest
- Media Management: Cloudinary
- State Management: React Context API
- Tooling: ESLint, PostCSS
- Node.js (v18 or higher)
- MongoDB Atlas account
- Clerk account
- Cloudinary account
- Inngest account
-
Clone the repository:
git clone https://github.com/bhuvanleopard/ecommerce-2.git cd ecommerce-2 -
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile in the root directory and add the following (refer to.env.example):NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=... CLERK_SECRET_KEY=... MONGODB_URI=... INNGEST_SIGNING_KEY=... INNGEST_EVENT_KEY=... CLOUDINARY_CLOUD_NAME=... CLOUDINARY_API_KEY=... CLOUDINARY_API_SECRET=...
-
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the results.
Distributed under the MIT License.
Bhuvan - cbhuvan08@gmail.com
Project Link: https://github.com/bhuvanleopard/ecommerce-2