A full-stack web application for seamless wellness product shopping, featuring user login, product browsing, cart management, and a smooth multi-step checkout experience.
🎥 Video Demo Available: Watch the demo on LinkedIn (includes walkthrough with key features)
Wellness Cart is a full-stack eCommerce web application built with React and Spring Boot, developed independently as a hands-on full-stack project.
- All product data and images are predefined for demo purposes.
- User credentials (username and password) are preset to simplify access.
🕒 This CRUD app serves as a foundational project focusing on core user functionality.
- React.js – JavaScript library for building user interfaces.
- Spring Boot – Framework for building production-ready Java applications.
- MySQL – Relational database system for storing application data.
- Redis – In-memory key-value store used for caching data.
- Docker – Platform for containerizing applications.
- 🛍️ User-friendly product browsing with search and filter options
- 🔐 Secure login and cart management for seamless shopping
- 🛒 Multi-step checkout: address input, simulated payment, and order confirmation
- 📦 Order history with detailed summaries
- 📱 Responsive design optimized for desktop and mobile
Product List Page
Product Detail Page
Login Page
Order Summary
- Start database, Redis, and backend services using Docker Compose:
docker-compose up -d- Run backend API (Spring Boot):
./mvnw spring-boot:run- Launch frontend React app:
npm install
npm run devThis repository is organized into multiple folders, each with its own README to help you get started quickly and understand that part of the project:
-
Backend (Spring Boot) README
Detailed instructions to build, run, and test the backend API. -
Frontend (React + Vite) README
Setup and run instructions for the frontend UI. -
Docker Setup README
How to start and manage all services using Docker and Docker Compose.
- Secure authentication requiring login to add to cart and place orders.
- State management using React state and
localStorageto persist cart data seamlessly across sessions. - Responsive, user-friendly UI with multi-step checkout and validation.
- Backend optimizations including Redis caching to speed up data retrieval and reduce database load.
- Dockerized environment for consistent and easy deployment of backend, database, and cache services.
- Handling cart state before and after login for smooth user experience.
- Designing a multi-step checkout with clear validation at each step.
- Implementing Redis caching to improve backend performance.
- Containerizing all services using Docker for reproducible setups.
- 📫 Connect with me on LinkedIn – Rani Rangari
⭐ If you found this project helpful or insightful, feel free to leave a ⭐!