🛍️ Lumora

A modern full-stack eCommerce Admin Dashboard built with Next.js 16, TypeScript, Tailwind CSS, and Supabase.

Lumora provides a complete administration system for managing products, categories, media uploads, and dashboard analytics with a scalable architecture suitable for production-ready eCommerce applications.

---

🚀 Features

📊 Dashboard

• Live dashboard statistics
• Product count
• Category count
• Responsive admin layout
• KPI cards
• Analytics-ready architecture

📦 Product Management

• Create products
• Update products
• Delete products
• Product listing
• Product details
• Dynamic edit pages
• SEO fields
• Inventory management
• Pricing management
• Brand support
• Product media
• Category assignment

🏷 Category Management

• Create categories
• Edit categories
• Delete categories
• Category selection inside products

🖼 Media Uploads

• Image upload to Supabase Storage
• Public image URLs
• Product image preview
• Next.js Image optimization

🔐 Authentication

• Secure admin authentication
• Protected dashboard routes
• Server-side Supabase authentication

🗄 Database

• PostgreSQL (Supabase)
• Row Level Security (RLS)
• UUID primary keys
• Foreign key relationships
• Scalable relational schema

---

🛠 Tech Stack

• Next.js 16 (App Router)
• React
• TypeScript
• Tailwind CSS
• Supabase
• PostgreSQL
• Supabase Storage
• Lucide React

---

📁 Project Structure

app/
components/
database/
public/
types/
utils/

---

⚙️ Installation

Clone the repository

git clone https://github.com/yourusername/lumora.git

Move into the project

cd lumora

Install dependencies

npm install

Create an environment file

.env.local

Add your Supabase credentials

NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=YOUR_SUPABASE_KEY

Run the development server

npm run dev

---

📷 Screenshots

Coming Soon

---

🚧 Roadmap

• Dashboard Analytics
• Orders Module
• Customers Module
• Public Storefront
• Shopping Cart
• Checkout
• Payments
• Reviews
• Search & Filtering
• Product Variants
• Sales Reports

---

🎯 Current Status

✅ Authentication

✅ Products CRUD

✅ Categories CRUD

✅ Image Upload

✅ Supabase Storage

✅ Dashboard (Live Counts)

🚧 Dashboard Analytics

🚧 Orders

🚧 Storefront

---

📜 License

This project is licensed under the MIT License.

---

👨‍💻 Author

Adeel Abbas

Built as a portfolio project to demonstrate modern full-stack web development using the latest React ecosystem and Supabase.