🛒 Trendbe - E-commerce Platform

Introduction

Trendbe is a full-stack e-commerce platform that provides both a customer-facing online store and a powerful Admin Dashboard. Customers can browse, search, and purchase products, while admins can manage the store in real time, including products, users, and transactions.

Project Type

Fullstack (Frontend + Backend)

Directory Structure

trendbe/
├── backend/        # Express.js + MongoDB backend, REST APIs, Stripe integration
└── frontend/       # React + Firebase frontend with product catalog & shopping cart

Features

📊 Admin Dashboard – Manage products, users, and transactions in real time. View analytics and handle orders securely.

🔍 Product Catalog – Browse, search, and filter products with pagination.

🛒 Shopping Cart – Add, remove, and update items with dynamic totals.

💳 Payments – Stripe integration for secure checkout.

🔐 Authentication – Firebase login & role-based access (customer / admin).

📱 Responsive UI – Clean, mobile-friendly design for both users and admins.

Design Decisions

MERN Stack with Firebase Auth for secure and scalable development.

Redux Toolkit for predictable state management.

Stripe for payment gateway.

Firebase Storage for storing assets.

Modular Backend (Express + MongoDB) for APIs and product management.

Installation & Getting Started

Clone Repository

git clone https://github.com/Sk-Sakirul/E-commerce-Trendbe-.git
cd E-commerce-Trendbe-

Backend Setup

cd backend
npm install
npm run dev

Frontend Setup

cd frontend
npm install
npm run dev

Example .env Files

Backend (/backend/.env)

PORT=5000
MONGO_URI=mongodb://127.0.0.1:27017/your_database_name
JWT_SECRET=your_jwt_secret
STRIPE_KEY=your_stripe_secret_key
PRODUCT_PER_PAGE= 8

Frontend (/frontend/.env)

VITE_FIREBASE_KEY=your_firebase_api_key
VITE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_PROJECT_ID=your_project_id
VITE_STORAGE_BUCKET=your_project.appspot.com
VITE_MESSAGING_SENDER_ID=your_sender_id
VITE_APP_ID=your_app_id
VITE_SERVER=http://localhost:5000