🚀 React Admin Dashboard

A modern, responsive, and production-ready Admin Dashboard UI Kit built with React, Tailwind CSS, Recharts, and Framer Motion.

Live demo link: https://react-admin-dashboard-chi-rouge.vercel.app/

This dashboard demonstrates clean architecture, reusable chart components, smooth UI animations, and a scalable layout perfect for SaaS apps, admin tools, and portfolio presentations.

---

🌟 Overview

This project features:

• A fully responsive multi-page dashboard
• Modular components for analytics, sales, orders, users, and products
• Motion-enhanced UI with Framer Motion
• Tailwind-powered design system
• Recharts-based visualization suite

---

📸 Screenshots

---

📁 Project Structure (Simplified)

A high-level view of the project layout:

public/
│   screenshot-for-readme-1.png
│   screenshot-for-readme-2.png
│   screenshot-for-readme-3.png
│   assets...

src/
│   App.jsx
│   main.jsx
│   index.css
│
├── components/
│   ├── analytics/
│   ├── common/
│   ├── orders/
│   ├── overview/
│   ├── products/
│   ├── sales/
│   ├── settings/
│   └── users/
│
└── pages/
    AnalyticsPage.jsx
    OrdersPage.jsx
    OverviewPage.jsx
    ProductsPage.jsx
    SalesPage.jsx
    SettingsPage.jsx
    UsersPage.jsx

---

✨ Features

📊 Analytics & Insights

• Revenue and sales charts
• Category and channel distribution
• User retention and segmentation
• Product performance insights
• Daily/weekly trends

🛒 E-Commerce Toolkit

• Orders table
• Daily order analytics
• Product trend charts

👥 User Management

• Users table
• Demographics & growth charts
• Activity heatmap

⚙️ Account & Settings

• Profile configuration
• Notification preferences
• Security options
• Connected accounts
• Danger zone panel

🧩 UI Components

• Responsive sidebar navigation
• Interactive header
• Reusable stat cards
• Animated transitions

---

🛠 Tech Stack

• React
• Tailwind CSS
• Recharts
• Framer Motion
• Vite

---

⚡ Getting Started

Install dependencies

npm install

Run development server

npm run start

View in browser

http://localhost:3000

---

🔧 Production Build

npm run build

---

⭐ Support

If you find this dashboard helpful, please consider starring the repository!