Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/venushadilshan/dashee-react
A Dashboard System for React
https://github.com/venushadilshan/dashee-react
admin-dashboard admin-panel dashboard library react react-router reactjs tailwindcss
Last synced: about 1 month ago
JSON representation
A Dashboard System for React
- Host: GitHub
- URL: https://github.com/venushadilshan/dashee-react
- Owner: venushadilshan
- Created: 2022-03-05T05:52:30.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-10T12:32:11.000Z (almost 3 years ago)
- Last Synced: 2024-11-09T13:40:42.321Z (3 months ago)
- Topics: admin-dashboard, admin-panel, dashboard, library, react, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: dashee-react.vercel.app
- Size: 611 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dashee: A Dashboard System for React
Dashee is a Dashboard component collection for your React Projects.
### Demo - Try it out
## Take a look
## What is inside?
This project is still under development. So new components will be added progressively. For now below components are available.
- Sidebar Menu
- Stat Cards
- Bar Chart
- Doughnut Chart
- Header Bar
- Tables
## Dependencies
- Tailwind CSS v3.0.23
- React Router
- Chart.js
- React Icons
- React Data Table Component
## Customization
You can customize the dashboard by edtiting `App.js`. Currently all the relevant components are imported to the `App.js`.
Child components are loaded into `Home.js`. It is the component uses to display all child components at the Home route. (`\`)
If you want to do some changes for the content, then go to `Home.js` and do the customizations.
### Example
Edit `Home.js`
Overview
Sales vs Returns
Chart data are loaded via state for the moment. You can use an API call to fetch data and load data to the chart.
Thank you.