QuickCart - Full Stack E-commerce Application
Objective
To provide a seamless online shopping experience with secure authentication, dynamic product management,
optimized media handling, and serverless workflows.
Modules
1. User Authentication & Authorization
• Implemented with Clerk to ensure secure sign-up, login, and protected sessions.
2. Product Management (CRUD)
• Products stored in MongoDB with full create, read, update, and delete functionality.
3. Shopping Cart & Checkout
• Real-time cart updates, quantity adjustments, and order processing.
4. Image & Media Handling
• Cloudinary integration for optimized product image uploads, transformations, and delivery.
5. Serverless Workflows
• Inngest used for background jobs such as order confirmations and notifications.
6. Responsive UI/UX
• Built with React and Next.js to deliver a clean, modern, and responsive user interface.
Tech Stack
•Frontend: React, Next.js (Responsive UI/UX)
•Backend: Next.js API Routes (Server-side logic)
•Database: MongoDB
•Authentication: Clerk for secure user sessions
•Media Handling: Cloudinary for optimized images
•Workflows: Inngest for serverless background jobs
Flow of System
User signs up or logs in securely using Clerk → Browses products stored in MongoDB → Adds items to the shopping
cart with real-time updates → Proceeds to checkout → Order confirmed and stored in database → Inngest triggers
background workflow to send notifications (email/SMS) → Cloudinary delivers optimized product images
throughout.
Highlights
• Designed a scalable backend with MongoDB for products, users, and orders.
• Implemented secure user flows with Clerk and protected routes for checkout.
• Automated background workflows with Inngest to improve efficiency.
• Delivered a fast and responsive user experience through Cloudinary and Next.js optimization.
