IPL Dashboard

IPL Dashboard is a dashboard display amazing statistical and not statistical facts, trivia, and visualization for IPL. The Dashboard uses various data analytics techniques to get visualizations and facts from the given dataset. Some facts were also taken from the internet, which were non-statistical.

FrontEnd Framework Used:

ReactJs

Main Liberaries Used:

• Chart.js (react-chartsjs-2) --> Used to create charts and visualizations
• reactstrap --> Used to import bootstrap components on react
• classnames --> For dynamic and making conditional classnames
• perfect-scrollbar --> For getting a scroll bar like macbook in windows

File Structure

ipl-dashboard-react
.
│
├── README.md
├── package.json
├── public
│   └── index.html
└── src
    ├── index.js
    ├── routes.js
    ├── logo.svg
    ├── assets
    │   ├── css
    │   ├── demo
    │   ├── fonts
    │   ├── img
    │   └── scss
    │       ├── black-dashboard-pro-react
    │       │   ├── bootstrap
    │       │   │   ├── mixins
    │       │   │   └── utilities
    │       │   ├── custom
    │       │   │   ├── cards
    │       │   │   ├── mixins
    │       │   │   ├── utilities
    │       │   │   └── vendor
    │       │   └── react
    │       │       └── plugins
    │       └── black-dashboard-pro-react.scss
    ├── components
    │   ├── Navbars
    │   │   ├── IndexNavbar.jsx
    │   ├── Sidebar
    │       └── Sidebar.jsx
    |
    ├── Index
    │   ├── Index.jsx
    │   
    ├── variables
    │   ├── data.js
    │
    │──data   
    │   ├── data.json
    │   ├── facts.js
    │
    └── views
        ├── Dashboard.jsx
        ├── Contact.jsx

Screenshots

Browser Support

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