RapidCart - Blinkit Clone

A full-stack quick commerce grocery delivery platform with real-time inventory and order management

Code

1 / 1

Project Overview

RapidCart is a comprehensive e-commerce platform inspired by Blinkit, designed for quick grocery delivery services. Built with Next.js 14 and MongoDB, it features a complete admin dashboard for managing categories, subcategories, and products, along with a customer-facing storefront. The platform includes advanced search functionality, cart management, order tracking, user authentication with email verification, and a responsive design optimized for mobile shopping. With features like COD payment, address management, and role-based access control, RapidCart provides a full-featured solution for modern grocery delivery businesses.

Key Features

User Authentication: Email/password signup with email verification, secure password hashing with bcrypt

Role-Based Access: Customer and admin roles with protected routes and permissions

Admin Dashboard: Comprehensive management for categories, subcategories, and products with statistics

Product Management: Full CRUD operations with image uploads, stock tracking, pricing, and discount management

Advanced Search: Filter products by category, subcategory, price range with pagination

Shopping Cart: Add/remove items, quantity management, real-time cart updates

Order Management: COD payment support, order tracking, status updates (pending, processing, delivered)

Address Management: Multiple delivery addresses with default address selection

Image Management: Cloud-based image storage with ImageKit integration

Email Notifications: Automated emails for verification, password reset, and order updates

Responsive Design: Mobile-first approach with Tailwind CSS for all screen sizes

Product Categories: Organized hierarchy with categories and subcategories

Inventory Tracking: Real-time stock management with low stock indicators

User Profile: Edit profile, manage addresses, view order history

Product Details: Image galleries, descriptions, pricing with discount display

Challenges

Implementing complex category-subcategory-product relationships in MongoDB
Managing real-time cart state across multiple components with Context API
Handling image uploads and optimization with ImageKit
Creating a flexible admin dashboard for dynamic product management
Implementing secure authentication with email verification flow

Key Learnings

Advanced Next.js 14 features including App Router and Server Components
MongoDB schema design for e-commerce with relational data
NextAuth.js configuration with custom adapters and email provider
Context API patterns for global state management
Cloud storage integration and image optimization techniques

Project Info

Team Size

1 Developer

My Role

Full Stack Developer

Technologies

Next.js

TypeScript

MongoDB

Mongoose

NextAuth.js

Tailwind CSS

ImageKit

React Context API

Nodemailer

bcrypt

Zod

React Hook Form

Shadcn UI

View Source Code