GreenCart – Full-Stack Grocery Delivery Platform

Overview

GreenCart is a full-stack MERN grocery delivery platform that enables users to shop for groceries online with a seamless and secure experience. Customers can browse products, manage their cart, place orders, and make secure online payments, while administrators can efficiently manage products, categories, inventory, and customer orders through a dedicated dashboard.

Problem Statement

Traditional grocery shopping often requires customers to visit physical stores, making the process time-consuming and less convenient. Many online grocery platforms also lack efficient product management and a smooth user experience. GreenCart addresses these challenges by providing a centralized, secure, and responsive platform for online grocery shopping and order management.

Key Features

Customer Features

• Secure User Registration & Login
• Browse Products by Categories
• Search and Filter Products
• View Product Details
• Add & Remove Items from Cart
• Manage Shopping Cart
• Place Orders
• Secure Online Payments using Stripe
• View Order History
• Responsive User Interface

Admin Features

• Secure Admin Authentication
• Add, Update & Delete Products
• Manage Product Categories
• Upload Product Images using Cloudinary
• Manage Customer Orders
• Update Order Status
• Dashboard for Product & Order Management

Technology Stack

Frontend

• React.js
• React Router
• Tailwind CSS
• Axios

Backend

• Node.js
• Express.js

Database

• MongoDB Atlas
• Mongoose

Authentication

• Clerk Authentication

Payment

• Stripe Payment Gateway

Media Storage

• Cloudinary

API

• RESTful APIs using Axios

How It Works

• Users register and log in securely.
• Browse products by category or search for specific items.
• Add products to the shopping cart.
• Complete checkout using Stripe Payment Gateway.
• View order history and order status.
• Administrators manage products, images, and customer orders through the admin dashboard.

Core Functionalities

• Secure Authentication
• Product Management
• Shopping Cart Management
• Order Management
• Stripe Payment Integration
• Cloudinary Image Upload
• Responsive User Interface
• REST API Integration
• CRUD Operations

Project Architecture

Frontend (React)
↓
REST API (Express.js)
↓
MongoDB Database
↓
Clerk Authentication & Stripe Payment Gateway

Future Improvements

• Wishlist Functionality
• Product Reviews & Ratings
• AI-Based Product Recommendations
• Real-Time Order Tracking
• Email Notifications

Outcome

GreenCart provides a seamless and secure online grocery shopping experience by combining efficient product management, cloud-based image storage, secure authentication, and Stripe-powered online payments. The project strengthened my expertise in MERN stack development, RESTful APIs, cloud integrations, and building scalable e-commerce applications.