Skip to content

shamilahmdt/Ecormmerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ Full-Stack E-Commerce Platform

A premium, full-stack e-commerce solution built with React, Node.js, Firebase, and Socket.io. This platform features a sophisticated split-order system, integrated digital wallet with cashback, and real-time administration capabilities.


πŸš€ Key Features

πŸ›οΈ Storefront

  • Dynamic Product Catalog: Browse products with categories and detailed views.
  • Hybrid Cart System: Seamlessly switch between Guest and Logged-in states with automatic cart merging.
  • Wishlist: Save favorite items for later.
  • Smart Checkout: Integrated with Stripe for secure payments and support for Cash on Delivery (COD).

πŸ’³ Wallet & Cashback

  • Digital Wallet: Add funds, withdraw, and track transactions.
  • Cashback Logic: Earn 2% cashback automatically on every order.
  • Smart Refunds: Automatic wallet refunds on cancellations (98% refund policy).

⚑ Real-Time & Advanced Logic

  • Split-Order System: Orders are intelligently split per item for granular status tracking.
  • Live Notifications: Real-time updates for order status and wallet balances via Socket.io.
  • Coupon System: Redeem discount codes with minimum order value validation.

πŸ“Š Admin Dashboard

  • Analytics Visualization: Interactive charts for revenue, category distribution, and order status using Recharts.
  • Inventory Management: Full CRUD for products with name-based document migration.
  • Order Management: Process returns, cancellations, and status updates.
  • Export Reports: Generate PDF and Excel reports for sales and inventory.

πŸ› οΈ Tech Stack

Frontend

  • Framework: React 19 + Vite
  • Styling: Tailwind CSS + Framer Motion
  • State: React Context API
  • Icons: Lucide React + React Icons

Backend

  • Runtime: Node.js + Express
  • Database: Firebase Firestore
  • Auth: JWT (Access & Refresh Tokens)
  • Real-time: Socket.io
  • Payments: Stripe API
  • Images: Cloudinary

πŸ“¦ Installation & Setup

1. Clone the Repository

git clone <repository-url>
cd ecommerce

2. Backend Setup

  1. Navigate to ecommerce_backend/.
  2. Install dependencies: npm install.
  3. Create a .env file with:
    PORT=5000
    JWT_SECRET=your_secret
    STRIPE_SECRET_KEY=your_stripe_key
  4. Place your Firebase serviceAccountKey.json in the ecommerce_backend/ root.
  5. Start the server: npm run dev.

3. Frontend Setup

  1. Navigate to ecommerce_frontend/.
  2. Install dependencies: npm install.
  3. Start the dev server: npm run dev.

πŸ“‚ Project Structure

ecommerce/
β”œβ”€β”€ ecommerce_backend/      # Express API & Firebase Logic
β”‚   β”œβ”€β”€ config/             # Firebase & Stripe Init
β”‚   β”œβ”€β”€ controllers/        # Domain-specific logic
β”‚   β”œβ”€β”€ middleware/         # Auth & RBAC
β”‚   └── routes/             # API Endpoints
└── ecommerce_frontend/     # React SPA
    β”œβ”€β”€ src/pages/          # Admin, User, & Guest Pages
    β”œβ”€β”€ src/context/        # Global state (Cart, Wallet, Wishlist)
    └── src/components/     # Reusable UI Elements

πŸ“œ License

This project is licensed under the MIT License.


Developed by Antigravity

About

πŸš€ Premium Full-Stack E-Commerce Platform featuring a sophisticated split-order system, integrated digital wallet with cashback, real-time Socket.io notifications, and a robust Admin Dashboard with Recharts analytics. Built with React 19, Node.js, Firebase, and Stripe.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors