react-dashboard's Introduction

React-Dashboard

React Dashboard is an admin template dashboard based on React.

Tech Stack
Quick Start
Run Locally
Deployment
File Structure
Author
License

Tech Stack

Frontend: HTML5 / CSS3 / ReactJS

Quick start

Clone the repo

  git clone https://github.com/blaiti/React-Dashboard

Install React-Dashboard with npm

  cd React-Dashboard
  npm install

Run Locally

To run locally, run the following command

  npm start

Deployment

To create a production build

  npm run build

File Structure

Within the download you'll find the following directories and files:

React-Dashboard
.
├── package.json
├── package_lock.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── App.css
    ├── App.jsx
    ├── index.css
    ├── index.jsx
    ├── assets
    │   ├── icons
    │   │   ├── cancel.svg
    │   │   ├── dashboard.svg
    │   │   ├── done.svg
    │   │   ├── logout.svg
    │   │   ├── notification.svg
    │   │   ├── product.svg
    │   │   ├── refunded.svg
    │   │   ├── settings.svg
    │   │   ├── shipping.svg
    │   │   └── user.svg
    │   └── images
    │       └── white-logo.png
    ├── components
    │   ├── DashboardHeader
    │   │   ├── index.jsx
    │   │   └── styles.css
    │   └── SideBar
    │       ├── index.jsx
    │       ├── sidebar-item.jsx
    │       └── styles.css
    ├── constants
    │   ├── orders.js
    │   └── sidebar-menu.js
    ├── pages
    │   ├── Orders
    │   │   └── index.jsx
    │   └── styles.css
    └── utils
        └── table-pagination.js