Frontend (React) → REST API → Spring Boot → MySQL Database
The frontend of ShopSphere is built using React.js. It delivers a modern, responsive, and user-friendly shopping experience where customers, vendors, and admins can interact seamlessly with the platform.
🔐 User Registration & Login (JWT Authentication + Role-Based Access)
🛍 Browse products by categories
🔎 Search & filter products
📄 View detailed product information
🛒 Add to Cart & Manage Cart Items
❤️ Wishlist functionality
💳 Secure checkout & Razorpay payment integration
📦 Order placement & order tracking
👤 Customer Dashboard (orders, profile, wishlist)
🏪 Vendor Dashboard (add, edit, delete products)
🛠 Admin Dashboard (manage users, vendors & products)
📱 Fully responsive design
- Handles complete UI/UX experience
- Sends REST API requests to backend using Axios
- Stores JWT token securely
- Implements protected routes based on user roles
- Manages global state for cart & authentication
- Handles form validations
- Displays real-time order & product data
- Integrates Razorpay payment flow
- React.js
- Axios
- Tailwind CSS
- React Router
- Razorpay Integration
- Context API / State Management