Online Grocery Shopping System Project Source Code | ASP.NET Core + React JS + MySQL | E-commerce Project

Build a complete full-stack Online Grocery Shopping System using ASP.NET Core (backend), React JS (frontend), and MySQL (database) with Razorpay payment gateway and Google Maps integration – perfect for your final year, internship, or capstone project.

This project replicates a real-world grocery delivery platform, helping you master full-stack development, payment handling, cart logic, multi-role access, and real-time delivery tracking.

✅ Key Functionalities (All in One Project):

✨ User Authentication & Role Management

• JWT-based login/register for Admin, Grocery Shop, Customer, and Delivery Person
• Role-based secure access management using ASP.NET Identity

✨ Location Module

• Add/update/delete/view locations
• Google Maps integration for customer delivery & shop address

✨ Grocery Shop Management

• Shop onboarding with admin approval workflow
• Activate/deactivate shops
• View & search shops by location

✨ Product Category & Product Management

• Add, update, delete categories and products with images
• Stock management and image previews

✨ Cart & Order Management

• Add items to cart, update quantities, delete items
• Place orders from cart with selected address
• View order history with status tracking

✨ Razorpay Payment Gateway & Wallet

• Add money to wallet via Razorpay
• Auto-deduct wallet balance on successful order
• Wallet balance display & transaction history

✨ Delivery & Live Tracking

• Shops assign delivery to delivery persons
• Delivery person views assigned orders and updates delivery status
• Real-time Google Maps navigation

✨ Address & Reviews

• Customers can add/manage multiple addresses
• Submit product reviews post-purchase

✨ Admin Dashboard

• Approve/reject shops
• Manage users, products, shops, and orders
• Monitor sales and delivery analytics

🛠️ Technologies Used:

• ASP.NET Core (Backend REST API)
• React JS (Frontend UI)
• MySQL (Database)
• Bootstrap (Responsive Design)
• Razorpay Payment Gateway
• Google Maps API
• Entity Framework Core (ORM for .NET)
• JWT for secure authentication and authorization

🚀 Why Choose This Project?

✅ Real-world grocery e-commerce system built with modern technologies

✅ End-to-end payment gateway (Razorpay) integration

✅ Secure login, wallet system, live location delivery & cart flow

✅ Perfect fit for final year, internship, and capstone projects

✅ Professional-grade system for portfolios or launching MVPs

✅ Saves 3–4 months of backend + frontend development effort

🎓 What You Will Learn in This Project

This full-stack ASP.NET Core + React JS project is crafted to give students and developers real-world exposure, ideal for showcasing in your resume or startup prototype.

🛠️ ASP.NET Core (Backend):

✅ ASP.NET Identity + JWT: Secure token-based authentication and role-based access

✅ Entity Framework Core: Simplified data access and migrations

✅ Middleware & Filters: For logging, validation, and request interception

✅ API Layering: Clean architecture using Controllers, Services, Repositories

✅ Exception Handling & Logging: Robust backend with structured error handling

✅ Razorpay Integration: Payment gateway logic for wallet top-up and checkout flow

✅ Google Maps Integration: Real-time delivery and address features via APIs

⚛️ React JS (Frontend):

✅ Axios & Fetch API: Smooth integration with backend services

✅ Bootstrap: Clean, mobile-responsive UI layout

✅ Component-Based Architecture: Modular, reusable components

✅ State Management: Dynamic UI rendering using useState, props, etc.

✅ Navigation & Routing: Page switching with React Router

✅ Form Handling: Input validation, login, checkout, and reviews

✅ Google Maps in UI: Address selection and delivery map tracking

🚀 Key Learning Benefits:

✔️ Learn how to build a modern RESTful API with ASP.NET Core

✔️ Implement JWT authentication and secure your .NET APIs

✔️ Connect frontend & backend efficiently using Axios & services

✔️ Work with Razorpay API for real-world eCommerce payments

✔️ Integrate Google Maps API for real-time delivery tracking

✔️ Build a feature-rich grocery delivery system from scratch

✔️ Add a strong, production-quality app to your portfolio or GitHub

✔️ Gain practical knowledge that aligns with industry practices

✔️ Be interview-ready with strong full-stack fundamentals

📦 You Will Receive:

✅ Complete Source Code (Frontend + Backend)

✅ Free remote support for setup and doubts

🚀 Contact Details?

If you face any issue during payment or have any queries regarding the project, Feel Free to contact us.

Email Id: codewithmurad@gmail.com

Mobile No: +91 73043 53428

Instagram: https://www.instagram.com/codewithmurad

Facebook: https://www.facebook.com/codewithmurad

Telegram: https://t.me/codewithmurad

WhatsApp: https://wa.me/message/K6V4624ZLTF4G1

🚀 Project Screenshots

✅ HOME PAGE

✅ GROCERY SHOP - PRODUCT LISTINGS