Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akash-m-se/dashboard
A customizable dashboard app with React and Vite, featuring ecommerce insights, management pages, and a range of Syncfusion components and charts.
https://github.com/akash-m-se/dashboard
css eslint html5 react-router reactjs syncfusion-ej2 tailwindcss vite
Last synced: 14 days ago
JSON representation
A customizable dashboard app with React and Vite, featuring ecommerce insights, management pages, and a range of Syncfusion components and charts.
- Host: GitHub
- URL: https://github.com/akash-m-se/dashboard
- Owner: Akash-m-SE
- Created: 2024-09-06T19:56:38.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T10:07:18.000Z (2 months ago)
- Last Synced: 2024-10-09T17:40:57.219Z (about 1 month ago)
- Topics: css, eslint, html5, react-router, reactjs, syncfusion-ej2, tailwindcss, vite
- Language: JavaScript
- Homepage: https://dashboard-akash.vercel.app/
- Size: 3.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dashboard App
A dynamic dashboard application built with React and Vite, designed to provide comprehensive insights into ecommerce activities. This app features an array of management tools for employees, orders, and customers, and integrates various Syncfusion components such as a calendar, kanban board, editor, and color picker. It also includes diverse charts—line, area, bar, pie, financial, color-mapping, pyramid, and stacked—for visualizing data trends and metrics.
## Features 🌟
- **Comprehensive Dashboard:** Overview of charts and recent activities on the ecommerce page.
- **Syncfusion Integration:** Features calendar, kanban board, text editor, and color picker.
- **Diverse Charting Options:** Line, area, bar, pie, financial, color-mapping, pyramid, and stacked charts for various data visualization.
- **Customizable Interface:** Fully customizable layout to suit user's needs.## Screenshots 📸
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/ecommerce.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/orders.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/customers.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/calendar.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/editor.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/colorpicker.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/area.jpg)
![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/pyramid.jpg)
## Deployment 🚀
You can access the live version of the Dashboard App here: [Live Demo](https://dashboard-akash.vercel.app/)
## Environment Setup 🛠️ {#environment-setup}
To run this project, you will need to add the following environment variables to your .env file (a template has been provided as .env.example)
`VITE_SYNCFUSION_LICENSE_KEY`
## Installation 🔧
**1.** Git Clone the Repository
**2.** Navigate to the directory where the repository was downloaded
**3.** Set up the [Environment Variables](#environment-setup)
**4.** Install the Dependencies
```
npm install
```**5.** Start the application in development mode
```
npm run dev
```## Authors ✍️
- [Akash](https://github.com/Akash-m-SE)
## Tech Stack 💻
**Language:** Javascript
**Frontend:** React, Vite, TailwindCSS, Syncfusion