🛠 E-Commerce Admin Panel (React)

A modern React-based Admin Panel for managing products, orders, and stats in an e-commerce backend.

Ideal for developers, learners, and indie hackers looking to plug in a clean, modular dashboard into their backend API.

✅ Features

• 📦 Add / Edit / Delete products
• 📊 View real-time stats (income, orders, users)
• 🛒 Order & stock overview
• 🗣 View customer feedback
• 🔐 Admin login with JWT auth
• 🌙 Light & Dark mode toggle
• ⚡ Lazy loading with React Suspense
• 🧩 Clean component structure, easily extendable

🧰 Tech Stack

• React + React Router
• REST API (JWT authentication)
• CSS Modules
• React Icons

🧭 Project Structure

pgsql

admin-panel/

├─ public/

├─ src/

│ ├─ components/

│ ├─ pages/

│ ├─ styles/

│ ├─ App.js

│ └─ index.js

├─ .env.example

├─ package.json

└─ README.md

🚀 Getting Started

bash

npm install cp .env.example .env npm start

Set your API URL in .env:

env

REACT_APP_API_URL=http://localhost:5000

📝 Notes

• Requires a running backend (Node.js, Express, etc.) with the following endpoints:/api/admin/products/api/admin/stats/api/admin/feedbacks
• JWT token must be stored as adminToken in localStorage