Skip to content

A full-stack e-commerce web application built with Java Spring Boot and React.js, featuring product browsing, cart management, user authentication, and admin dashboard. Includes RESTful APIs and JWT-based security.

Notifications You must be signed in to change notification settings

rehanmq/E-Commerce-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

🛒 E-Shopify: Full-Stack E-Commerce Web App

📌 Overview

E-Shopify is a modern, full-stack e-commerce web application built using Java Spring Boot for the backend and React.js for the frontend. It allows users to browse products, manage a shopping cart, place orders, and for admins to manage inventory and users.


🚀 Features

  • 🛍️ Product browsing, search, and filtering
  • 🛒 Cart and wishlist functionality
  • 👤 User registration, login, and profile
  • 📦 Order placement and tracking
  • 🔐 Role-based access (admin vs. user)
  • 📊 Admin dashboard for inventory/user/order management

⚙️ Tech Stack

Backend (Spring Boot)

  • Java 17
  • Spring Boot (MVC, Security, Data JPA)
  • MySQL / PostgreSQL
  • Hibernate ORM
  • JWT for Authentication
  • RESTful APIs

Frontend (React)

  • React.js
  • Axios for API requests
  • React Router DOM
  • Context API / Redux (for global state)
  • Bootstrap / Tailwind CSS

🗂️ Project Structure

e-shopify/
├── backend/
│   ├── src/main/java/com/eshop/
│   │   ├── controller/
│   │   ├── model/
│   │   ├── repository/
│   │   ├── service/
│   │   └── EShopApplication.java
│   └── resources/
│       ├── application.properties
├── frontend/
│   ├── public/
│   └── src/
│       ├── components/
│       ├── pages/
│       ├── App.js
│       └── index.js
├── README.md

🧪 How to Run

Backend (Spring Boot)

  1. Navigate to the backend directory:
cd backend/
  1. Configure your database in src/main/resources/application.properties
  2. Build and run the application using Maven Wrapper:
./mvnw spring-boot:run

Frontend (React)

  1. Navigate to the frontend directory:
cd frontend/
  1. Install dependencies:
npm install
  1. Start the React development server:
npm start

🛠️ Key Endpoints (Sample)

GET    /api/products
POST   /api/auth/register
POST   /api/auth/login
POST   /api/orders
GET    /api/users/me

🌐 Demo Ideas

  • Deploy frontend on Vercel / Netlify
  • Deploy backend on Render / Railway / Heroku
  • Use Docker to containerize the full stack

📦 Future Enhancements

  • Payment integration (Stripe/PayPal)
  • Product ratings and reviews
  • Real-time chat with support
  • Inventory alert notifications

👨‍💻 Author

Developed by Rehan Mohammed QureshiLinkedIn

About

A full-stack e-commerce web application built with Java Spring Boot and React.js, featuring product browsing, cart management, user authentication, and admin dashboard. Includes RESTful APIs and JWT-based security.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published