/RVC-Dashboard

React, Vite, Chakra based template

Primary LanguageJavaScript

RVC Dashboard

version license GitHub issues open GitHub issues closed

Product Gif

Special thanks

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!

Quick Start

  • Clone the repo: git clone https://github.com/tpikachu/rvc-dashboard.git.
  • cd rvc-dashboard
  • npm install
  • npm start

File Structure

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

Browser Support

At present, we officially aim to support the last two versions of the following browsers: