TrendHub Shop Dashboard

📋 Overview

TrendHub Shop Dashboard is a comprehensive admin panel for the TrendHub e-commerce platform. Built with Next.js, featuring modern UI components with shadcn/ui, and efficient data management with React Query. Provides complete administrative control over the e-commerce operations.

✨ Features

Product management (CRUD operations)
Order management and tracking
User management dashboard
Sales analytics and reports
Inventory management
Modern UI with shadcn/ui components
Efficient data fetching with React Query
TypeScript for type safety
Responsive admin interface
Real-time data updates
Role-based access control
Export functionality
PWA (Progressive Web App) support for offline access

🛠️ Technologies Used

Next.jsTypeScriptReact Query (TanStack Query)shadcn/uiTailwind CSSVercelSerwist (for PWA implementation)

📋 Prerequisites

Node.js (v18+)
npm or yarn

🚀 Getting Started

Clone the repository

git clone https://github.com/Ahmed-Alabadla/Ecommerce-TrendHub-Dashboard.git
cd Ecommerce-TrendHub-Dashboard

Install dependencies

npm install

Run the development server

npm run dev

Build for production

npm run build

💡 Usage

Admin dashboard for managing e-commerce operations including products, orders, users, and analytics. Provides comprehensive tools for store management.

🚀 Deployment

Connect repository to Vercel
Configure environment variables
Deploy automatically on push to main branch

🔐 Environment Variables

Variable	Description	Example
API_URL	Backend API URL for server-side requests	http://localhost:8000/api
NEXT_PUBLIC_API_URL	Public API URL for client-side requests	http://localhost:8000/api
NODE_ENV	Node environment setting	development