E-commerce Shopping System Project Source Code | Spring Boot React JS MySQL | Razorpay Payment + Email OTP

Build a complete full-stack E-commerce Shopping System Project Source Code using Java Spring Boot (backend), React JS (frontend), and MySQL (database) with Razorpay Payment Gateway Integration and Email OTP Verification for registration, password recovery, and order confirmation for your final year, internship, or capstone project.

This project replicates a real-world online shopping platform, helping you learn full-stack development, payment integration using Razorpay, cart and order management, email OTP workflows, and multi-role dashboards, making it perfect for your portfolio and coding practice for job readiness.

✅ Key Functionalities (All in One Project):

✨ User Authentication & Email OTP Verification:

• Customer registration with Email OTP verification.
• Forgot password functionality with Email OTP verification.
• Email OTP sent during order confirmation for additional security.
• Session-based login and user management (no JWT, uses browser session management for simplicity).

✨ Razorpay Payment Gateway Integration:

• Customers can pay securely using Razorpay before placing an order.
• Payment confirmation before order placement for realistic payment workflows.

✨ Product Category Management:

• Admin can add, update, delete, and view product categories easily.

✨ Product Management:

• Admin can add, update, delete, and view products with images, pricing, and stock management.

✨ Cart Management:

• Customers can add products to the cart, update quantities, or remove products.
• Automatic calculation of totals before checkout.

✨ Order Management:

• Customers can place orders after successful Razorpay payment.
• Customers can view order history and track order status.
• Admin can view and manage all orders in the system.

✨ Customer Module:

• Register with email OTP verification, login, and profile management.
• Browse and search products.
• Add products to cart and checkout with Razorpay payment.

✨ Admin Dashboard:

• Manage products, categories, and orders.
• View sales and order analytics.

🛠️ Technologies Used:

• Java Spring Boot (Backend REST API)
• React JS (Frontend UI)
• MySQL (Database)
• Bootstrap (Responsive Frontend)
• Razorpay Payment Gateway
• Maven (Dependency Management)
• Email OTP Verification using SMTP
• Session-based authentication and validation

🚀 Why Choose This Project?

✅ Real-world e-commerce shopping system with payment gateway

✅ Includes Razorpay payment before order placement

✅ Learn email OTP verification workflows in Spring Boot projects

✅ Perfect for final year, internship, and capstone projects

✅ Professional quality for your portfolio or startup MVP

✅ Saves months of development time

🎓 What You Will Learn in This Project

This project is designed to give you practical, hands-on experience with real-world full-stack development, making it perfect for final year, internship, or capstone projects while helping you build a strong portfolio for placements.

🛠️ Spring Boot (Backend):

✅ REST API building using Spring Boot

✅ Razorpay payment integration in backend workflows

✅ Email OTP sending using Java Mail for register, forgot password, and order confirmation

✅ Session management using browser sessions (no JWT)

✅ Layered architecture for clean, maintainable code

⚛️ React JS (Frontend):

✅ Axios and Fetch API calls to backend

✅ Bootstrap for responsive UI design

✅ Component-based structure for scalability

✅ State and props management for dynamic pages

✅ Clean, reusable, modular code structure

🚀 Key Learning Benefits:

✔️ Integrate Razorpay payment gateway in your projects

✔️ Implement email OTP verification during registration, password recovery, and order confirmation

✔️ Build and manage REST APIs with Spring Boot

✔️ Master frontend-backend integration using React JS and Spring Boot

✔️ Create a professional e-commerce system for your portfolio

✔️ Prepare effectively for coding interviews and real-world projects

📦 You Will Receive:

✅ Complete Source Code (Frontend + Backend)

✅ Database SQL file for instant setup

✅ Free remote support for setup and clarification

🚀 Contact Details:

If you face any issues during payment or have queries regarding the project, feel free to contact:

📧 Email: Chat Now

📸 Instagram: @codewithmurad

📘 Facebook: Code With Murad

✈️ Telegram: Join Here

🚀 Project Screenshots:

✅ HOME PAGE

✅ Product Card

✅ Product Detail Page

✅ Customer Order Page