https://github.com/casperiv0/css-statistic-dashboard

📊 a statistics dashboard made with plain css and html.
https://github.com/casperiv0/css-statistic-dashboard

css dashboard plain-css statistics

Last synced: 11 days ago
JSON representation

📊 a statistics dashboard made with plain css and html.

• Host: GitHub
• URL: https://github.com/casperiv0/css-statistic-dashboard
• Owner: casperiv0
• Created: 2020-06-23T10:07:40.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-18T10:10:39.000Z (over 3 years ago)
• Last Synced: 2024-10-12T09:27:07.529Z (25 days ago)
• Topics: css, dashboard, plain-css, statistics
• Language: HTML
• Homepage: https://dev-caspertheghost.github.io/css-statistic-dashboard/
• Size: 27.3 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Statistics Dashboard

a statistics dashboard made with plain css and html.

## credits

**Design:** [UIDesignDaily](https://uidesigndaily.com/posts/sketch-statistics-stats-cards-analytics-list-day-1121)

**Icons:** [Material UI Icons](https://material.io/resources/icons/?style=baseline)

## Demo

[Github Pages](https://dev-caspertheghost.github.io/css-statistic-dashboard/)

### Screenshot

![screenshot](https://i.imgur.com/jkysEEf.png)

## Todos

- [x] make responsive

- [x] add tooltip

- add javascript functionality

  - notification dropdown

  - devices month tabs

## What I learned

- CSS Grid template area

- Use CSS grids & flex for responsive design