Skip to content

Latest commit

 

History

History
47 lines (37 loc) · 2.06 KB

File metadata and controls

47 lines (37 loc) · 2.06 KB

🛍️ 3D E-Commerce Clothing Store & Admin Suite

Tech Stack Stripe

A high-performance MERN-stack clothing platform featuring interactive 3D product visualization powered by Three.js and React Three Fiber (R3F). This project demonstrates complex state management and a robust administrative backend for inventory control.

🚀 Core Features

  • Interactive 3D View: Real-time rotation, zoom, and texture customization for clothing items using R3F.
  • Administrative Command Center: A dedicated Admin Panel for managing product listings, stock levels, and order fulfillment.
  • Secure Checkout: Full integration with Stripe API for encrypted, reliable payment processing.
  • Dynamic Customization: Real-time modification of clothing textures and color palettes via an intuitive UI.

📸 Admin Panel Preview

Admin Dashboard: View real-time sales analytics and user activity.

image image image image

🛠️ Tech Stack

  • Frontend: React.js, Three.js, R3F, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Payments: Stripe API

📦 Installation

# 1. Clone the Repository
git clone [https://github.com/kishorprajapati1212/E_Comm_React.git](https://github.com/kishorprajapati1212/E_Comm_React.git)
cd E_Comm_React

# 2. Setup Backend
cd backend
npm install
nodemon index.js

# 3. Setup Frontend (Client)
cd client
npm install
npm run dev

# 4. Setup Frontend (Admin)
cd Admin
npm install
npm run dev