Chirayu Khalwa Logo
Star

RayStore - Full Stack E-commerce Application

Portfolio Web Development Full Stack

A robust full-stack e-commerce platform built with React and Spring Boot, featuring dynamic product management, live search, and cloud deployment.

RayStore - Full Stack E-commerce Application

Live Demo

RayStore is a modern, full-stack e-commerce solution that seamlessly bridges a responsive React frontend with a powerful Java Spring Boot backend. It demonstrates complete CRUD capabilities, real-time image handling, and cloud integration.

✨ Features

  • Dynamic Product Management: Add, update, and delete products with image uploads.
  • Live Search & Filtering: Instant product search by keyword and category filtering.
  • Responsive Design: Fully responsive UI built with Bootstrap and custom CSS.
  • Theme Support: User-toggleable Dark Mode and Light Mode.
  • Cloud Architecture: Frontend hosted on Vercel and Backend on Render with full CORS configuration.
  • Image Handling: Efficient storage and retrieval of product images using BLOBs.

🛠 Tech Stack

  • Frontend: React.js, Vite, Bootstrap, Context API
  • Backend: Java, Spring Boot, Spring Data JPA
  • Database: H2 / MySQL (Configurable)
  • Deployment: Vercel (Frontend), Render (Backend)

🚀 Getting Started

Prerequisites

  • Node.js and npm (for the frontend)
  • Java Development Kit (JDK) 17 or later (for the backend)
  • Maven (for building the Java project)
  • Git

1. Clone the Repositories

You will need both the frontend and backend repositories to run the full application locally.

# Frontend
git clone [https://github.com/raysamma/ray-shop-frontend.git](https://github.com/raysamma/ray-shop-frontend.git)

# Backend
git clone [https://github.com/raysamma/ecomBackend.git](https://github.com/raysamma/ecomBackend.git)