Skip to content

Sohag-Ali/Shopsphere_Client

Repository files navigation

🛍️ ShopSphere

A modern full-stack e-commerce platform built with React, Node.js, Express, MongoDB, Firebase Authentication, and Stripe Payment Gateway.

🌐 Live Website

Client: https://shop-sphere-roan.vercel.app/

Server: https://shopsphere-server-2.onrender.com


🚀 Features

User Features

  • User Registration & Login
  • Google Authentication
  • Browse Products
  • Product Search & Filtering
  • Product Details Page
  • Add To Cart
  • Wishlist Management
  • Product Reviews & Ratings
  • Secure Stripe Checkout
  • Order History
  • Profile Management

Admin Features

  • Admin Dashboard
  • Product Management
  • Category Management
  • User Management
  • Order Management
  • Review Management
  • Deal/Special Offer Management
  • Sales & Revenue Statistics

🛠️ Technologies Used

Frontend

  • React.js
  • React Router
  • Tailwind CSS
  • DaisyUI
  • React Query
  • Axios
  • SweetAlert2
  • Recharts

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Firebase Admin SDK
  • Stripe Payment Gateway

Authentication

  • Firebase Authentication
  • Google Login

📦 Installation

Clone Repository

git clone https://github.com/your-username/shopsphere-client.git

Client Setup

cd shopsphere-client

npm install

npm run dev

Server Setup

cd shopsphere-server

npm install

npm start

🔐 Environment Variables

Client (.env)

VITE_API_URL=
VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

Server (.env)

DB_USER=
DB_PASSWORD=
STRIPE_SECRET_KEY=
SITE_DOMAIN=
FB_SERVICE_KEY=

👨‍💼 Admin Credentials

Admin

Email: admin@example.com

Password: Admin123


👤 User Credentials

User

Email: user@example.com

Password: User123


📊 Project Modules

  • Authentication System
  • Product Management
  • Category Management
  • Shopping Cart
  • Wishlist
  • Reviews & Ratings
  • Stripe Payment
  • User Dashboard
  • Admin Dashboard
  • Order Management

📸 Screenshots

Add project screenshots here.


📄 License

This project is developed for educational and portfolio purposes.


👨‍💻 Developer

Sohag Ali

Department of Computer Science & Engineering

Daffodil International University

GitHub: https://github.com/Sohag-ali

About

A modern full-stack e-commerce platform built with React, Node.js, Express, MongoDB, Firebase Authentication, and Stripe Payment Gateway.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages