https://github.com/macabdul9/ipl-dashboard
ipl dashboard in ReactJS
https://github.com/macabdul9/ipl-dashboard
Last synced: over 1 year ago
JSON representation
ipl dashboard in ReactJS
- Host: GitHub
- URL: https://github.com/macabdul9/ipl-dashboard
- Owner: macabdul9
- Created: 2020-05-06T20:00:04.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-01-03T19:53:53.000Z (over 2 years ago)
- Last Synced: 2025-02-12T00:45:55.215Z (over 1 year ago)
- Language: Jupyter Notebook
- Homepage: https://ipl-dashboard.web.app/
- Size: 8.17 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## IPL Dashboard
### Live Demo
- https://ipl-dashboard.web.app
- https://ipl-dashboard.firebaseapp.com
### EDA Notebook
- https://nbviewer.jupyter.org/github/macabdul9/ipl-dashboard/blob/master/notebooks/exploratory-data-analysis.ipynb
### Libraries/Packages/Language Used
#### EDA Notebook
- Python
- Pandas
- Seaborn
- Plotly
#### Web App
- reactjs
- material-ui
- chartjs 2
- google-map-react
## Bonus Points
### 2. Optimized Loading Time : **Yes**
- 97 Lighthouse score
- Code splitting
- Reused components for different charts ie: All Pie charts in the web app are plotted by resuing single component, with the help of props and states.
- All states were UI related hence didn't feel the need of using middleware for state management.
### 3. Mobile Responsive: **Yes**
- All visualization components are mobile responsive.
- Chartjs 2 and material-ui components are responsive.
-
### 4. PWA : **Yes**
- Uses HTTPS
- Created manifest.json file that meets the installability requirements.
- Custom splash screen, valid icons, and correct content size for viewport.
### 5. Offline usable: **Yes**
- Registers a service worker so that our web app can work offline.
- When offline start_url responds withing 200ms.
### Lighthouse Score is attached below:
