During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:
- Chakra UI - Open source ReactJS framework
- ApexCharts.js - Modern & Interactive Open-source charts
- ReactJS - A popular JavaScript library for building user interfaces
Let us know your thoughts below. And good luck with development!
- Clone the repo:
git clone https://github.com/tpikachu/rvc-dashboard.git. cd rvc-dashboardnpm installnpm start
Within the download you'll find the following directories and files:
rvc-dashboard/
├── .gitattributes
├── index.html
├── .gitigonore
├── CHANGELOG.md
├── commit.sh
├── gulpfile.js
├── ISSUE_TEMPLATE.md
├── jsconfig.json
├── package-lock.json
├── package.json
├── README.md
├── documentation
├── node_modules
├── public
│ ├── favicon.ico
│ └── manifest.json
└── src
├── assets
│ ├── img
│ └── svg
├── components
│ ├── Card
│ │ ├── Card.jsx
│ │ ├── CardBody.jsx
│ │ └── CardHeader.jsx
│ ├── Charts
│ │ ├── BarChart.jsx
│ │ └── LineChart.jsx
│ ├── Configurator
│ │ └── Configurator.jsx
│ ├── FixedPlugin
│ │ └── FixedPlugin.jsx
│ ├── Footer
│ │ └── Footer.jsx
│ ├── Icons
│ │ ├── IconBox.jsx
│ │ └── Icons.jsx
│ ├── Layout
│ │ ├── MainPanel.jsx
│ │ ├── PanelContainer.jsx
│ │ └── PanelContent.jsx
│ ├── Menu
│ │ └── ItemContent.jsx
│ ├── Navbars
│ │ ├── Searchbar
│ │ │ └── SearchBar.jsx
│ │ ├── AdminNavbar.jsx
│ │ ├── AdminNavbarLinks.jsx
│ │ └── AuthNavbar.jsx
│ ├── Other
│ │ ├── BillingRow.jsx
│ │ ├── InvoicesRow.jsx
│ │ └── TransactionRow.jsx
│ ├── Separator
│ │ └── Separator.jsx
│ ├── Sidebar
│ │ ├── Sidebar.jsx
│ │ └── SidebarHelp.jsx
│ └── Tables
│ ├── BillingRow.jsx
│ ├── DashboardTableRow.jsx
│ ├── InvoicesRow.jsx
│ ├── TablesProjectRow.jsx
│ ├── TablesTableRow.jsx
│ ├── TimelineRow.jsx
│ └── TransactionRow.jsx
├── layouts
│ ├── Admin.jsx
│ ├── Auth.jsx
│ └── RTL.jsx
├── theme
│ ├── additions
│ │ ├── card
│ │ │ ├── Card.jsx
│ │ │ ├── CardBody.jsx
│ │ │ └── CardHeader.jsx
│ │ ├── layout
│ │ │ ├── MainPanel.jsx
│ │ │ ├── PanelContainer.jsx
│ │ │ └── PanelContent.jsx
│ ├── components
│ │ ├── button.jsx
│ │ ├── link.jsx
│ │ └── drawer.jsx
│ ├── foundations
│ │ ├── breakpoints.jsx
│ │ ├── fonts.jsx
│ │ └── text.jsx
│ ├── styles.jsx
│ └── theme.jsx
├── variables
│ ├── charts.jsx
│ └── general.jsx
├── views
│ ├── Dashboard
│ │ ├── Billing.jsx
│ │ ├── Dashboard.jsx
│ │ ├── Profile.jsx
│ │ └── Tables.jsx
│ ├── Pages
│ ├── SignIn.jsx
│ └── SignUp.jsx
│ └── RTL
│ └── RTLPage.jsx
├── index.jsx
└── routes
At present, we officially aim to support the last two versions of the following browsers:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent