Admin Dashboard

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/aluxey/E-Commerce/llms.txt

Use this file to discover all available pages before exploring further.

The Admin Dashboard provides a comprehensive overview of your e-commerce store’s performance and quick access to all management features.

​

Key Performance Indicators

The dashboard displays four critical metrics to track your store’s health:

​

Revenue Widget

Displays total revenue with delta percentage showing growth or decline. Fields:

• revenue - Total revenue amount
• revenueDeltaPct - Percentage change from previous period

​

Orders Widget

Tracks total number of orders placed. Fields:

• orders - Total order count
• ordersDeltaPct - Percentage change in order volume

​

Average Order Value

Shows the average transaction amount per order. Field: avgOrder

​

Pending Orders

Highlights orders requiring attention. Field: pendingOrders - Count of orders awaiting processing

​

Quick Access Shortcuts

The dashboard provides six shortcut cards for rapid navigation:

​

Data Loading

The dashboard uses the useAdminStats hook to fetch statistics from the backend. Loading States:

• loading - Shows loading message while fetching data
• error - Displays error message if data fetch fails

​

Implementation Details

The dashboard is located at:

• Component: client/src/pages/AdminDashboard.jsx:30
• Stats Hook: useAdminStats() fetches all KPI data

Widget Component (AdminDashboard.jsx:9):

• Renders individual KPI cards
• Props: title, value, delta, deltaType, icon
• Delta types: positive, negative, neutral