Skip to content

⚑ Modern React Admin Dashboard | Dark/Light πŸŒ“ | Syncfusion Charts πŸ“Š | Responsive Design πŸ“± | eCommerce Analytics πŸ›’

Notifications You must be signed in to change notification settings

AnasHany2193/react-admin-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š React Admin Dashboard

A modern admin dashboard built with React featuring beautiful charts, dark/light themes, and dummy data management. Perfect for eCommerce analytics and user management!

Dark Mode Light Mode

Live Demo GitHub LinkedIn

πŸš€ Features

  • πŸŒ“ Dark/Light Mode - Toggle between beautiful dark and light themes
  • πŸ“ˆ Interactive Charts - Multiple chart types for data visualization
  • πŸ“± Responsive Design - Works perfectly on all screen sizes
  • πŸ›’ eCommerce Section - Product statistics and sales analytics
  • πŸ‘₯ Employee Management - Team member profiles and details
  • πŸ“… Calendar Integration - Event scheduling and management
  • 🧩 Modular Components - Reusable and well-organized UI components
  • ⚑ Fast Performance - Optimized for smooth user experience

πŸ“Š Charts & Components

  • 🎯 Line Charts - Sales trends and revenue analysis
  • πŸ“Š Bar Charts - Product comparisons and performance metrics
  • 🧩 Pie Charts - Market share and category distribution
  • πŸ“ˆ Stacked Charts - Multi-layered data visualization
  • πŸ“ Data Grids - Tabular data presentation with sorting/filtering
  • πŸ”§ Custom Tooltips - Interactive chart information displays

πŸ› οΈ Technologies Used

  • βš›οΈ React - Frontend framework
  • 🎨 Tailwind CSS - Styling and responsive design
  • πŸ“Š Syncfusion - Charting and UI components
  • πŸ”„ React Router - Navigation and routing
  • 🎭 Context API - State management for theme switching
  • πŸ“¦ npm - Package management

πŸ–₯️ Installation

  1. Clone the repository:

    git clone https://github.com/AnasHany2193/react-admin-dashboard.git
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start

πŸ“š API & Data

  • πŸ“‚ Dummy Data - Local JSON files for mock data
  • πŸ”„ Syncfusion Components - Licensed UI components library
  • πŸ–ΌοΈ Heroicons - Beautiful SVG icons for actions and menus

🀝 Contribution

Contributions are welcome! Please open an issue or PR for any improvements.


⭐ Star this repo if you found it useful! πŸ‘¨πŸ’» Connect with me on LinkedIn for more projects and updates!