{"id":24782191,"url":"https://github.com/anashany2193/react-admin-dashboard","last_synced_at":"2026-04-10T21:01:46.237Z","repository":{"id":274718119,"uuid":"923846283","full_name":"AnasHany2193/react-admin-dashboard","owner":"AnasHany2193","description":"⚡ Modern React Admin Dashboard | Dark/Light 🌓 | Syncfusion Charts 📊 | Responsive Design 📱 | eCommerce Analytics 🛒","archived":false,"fork":false,"pushed_at":"2025-01-28T23:33:11.000Z","size":4385,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-29T00:28:26.695Z","etag":null,"topics":["area-chart","bar-chart","color-mapping","dark-theme","dummy-data","financial-analysis","line-chart","pie-chart","pyramid-chart","react","responsive","stacked-chart","syncfusion-ej2","tailwindcss"],"latest_commit_sha":null,"homepage":"https://admin-dashboard-2193.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnasHany2193.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-28T23:23:59.000Z","updated_at":"2025-01-28T23:42:18.000Z","dependencies_parsed_at":"2025-01-29T00:39:34.097Z","dependency_job_id":null,"html_url":"https://github.com/AnasHany2193/react-admin-dashboard","commit_stats":null,"previous_names":["anashany2193/react-admin-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnasHany2193%2Freact-admin-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnasHany2193%2Freact-admin-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnasHany2193%2Freact-admin-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnasHany2193%2Freact-admin-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnasHany2193","download_url":"https://codeload.github.com/AnasHany2193/react-admin-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245214698,"owners_count":20578839,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["area-chart","bar-chart","color-mapping","dark-theme","dummy-data","financial-analysis","line-chart","pie-chart","pyramid-chart","react","responsive","stacked-chart","syncfusion-ej2","tailwindcss"],"created_at":"2025-01-29T11:16:28.854Z","updated_at":"2026-04-10T21:01:41.192Z","avatar_url":"https://github.com/AnasHany2193.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📊 React Admin Dashboard\n\nA modern admin dashboard built with React featuring beautiful charts, dark/light themes, and dummy data management. Perfect for eCommerce analytics and user management!\n\n![Dark Mode](src/screenShots/eCommerce-dark.png)\n![Light Mode](src/screenShots/eCommerce-light.png)\n\n[![Live Demo](https://img.shields.io/badge/-Live%20Demo-brightgreen)](https://admin-dashboard-2193.netlify.app/)\n[![GitHub](https://img.shields.io/badge/-GitHub-181717?logo=github)](https://github.com/AnasHany2193/react-admin-dashboard)\n[![LinkedIn](https://img.shields.io/badge/-LinkedIn-0077B5?logo=linkedin)](https://www.linkedin.com/in/anashany219/)\n\n## 🚀 Features\n\n- 🌓 **Dark/Light Mode** - Toggle between beautiful dark and light themes\n- 📈 **Interactive Charts** - Multiple chart types for data visualization\n- 📱 **Responsive Design** - Works perfectly on all screen sizes\n- 🛒 **eCommerce Section** - Product statistics and sales analytics\n- 👥 **Employee Management** - Team member profiles and details\n- 📅 **Calendar Integration** - Event scheduling and management\n- 🧩 **Modular Components** - Reusable and well-organized UI components\n- ⚡ **Fast Performance** - Optimized for smooth user experience\n\n## 📊 Charts \u0026 Components\n\n- 🎯 **Line Charts** - Sales trends and revenue analysis\n- 📊 **Bar Charts** - Product comparisons and performance metrics\n- 🧩 **Pie Charts** - Market share and category distribution\n- 📈 **Stacked Charts** - Multi-layered data visualization\n- 📝 **Data Grids** - Tabular data presentation with sorting/filtering\n- 🔧 **Custom Tooltips** - Interactive chart information displays\n\n## 🛠️ Technologies Used\n\n- ⚛️ **React** - Frontend framework\n- 🎨 **Tailwind CSS** - Styling and responsive design\n- 📊 **Syncfusion** - Charting and UI components\n- 🔄 **React Router** - Navigation and routing\n- 🎭 **Context API** - State management for theme switching\n- 📦 **npm** - Package management\n\n## 🖥️ Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/AnasHany2193/react-admin-dashboard.git\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Start the development server:\n   ```bash\n   npm start\n   ```\n\n## 📚 API \u0026 Data\n\n- 📂 **Dummy Data** - Local JSON files for mock data\n- 🔄 **Syncfusion Components** - Licensed UI components library\n- 🖼️ **Heroicons** - Beautiful SVG icons for actions and menus\n\n## 🤝 Contribution\n\nContributions are welcome! Please open an issue or PR for any improvements.\n\n---\n\n⭐ Star this repo if you found it useful!\n👨💻 Connect with me on [LinkedIn](https://www.linkedin.com/in/anashany219/) for more projects and updates!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanashany2193%2Freact-admin-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanashany2193%2Freact-admin-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanashany2193%2Freact-admin-dashboard/lists"}