https://github.com/amirmahdyjebreily/basichtmldashboard

Basic Responsive html Dashboard
https://github.com/amirmahdyjebreily/basichtmldashboard

Last synced: 5 days ago
JSON representation

Basic Responsive html Dashboard

• Host: GitHub
• URL: https://github.com/amirmahdyjebreily/basichtmldashboard
• Owner: AmirMahdyJebreily
• License: mit
• Created: 2024-08-27T18:03:58.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-20T21:16:00.000Z (25 days ago)
• Last Synced: 2024-10-21T00:37:05.692Z (25 days ago)
• Language: CSS
• Homepage:
• Size: 219 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BasicHTMLDashboard

Basic Responsive html Dashboard.

- Responsive vanilla html template

- Use shadowDOM for show icons and keep source cleen ([More info](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM))

- Use tailwind css

- Dark/Light mode

[Demo is here](https://amirmahdyjebreily.github.io/BasicHTMLDashboard/src/)

---

This dashboard is a part of this project : [Resume app](https://github.com/imrostami/ResumeAppApi)  

Figma source : [here](https://www.figma.com/design/W3Qdnvm8ncyImxQg7TJV5S/Simple-Dashboard-(Community)?t=3dmtRzwb55qrojf1-0)

---

### Screen Shots

- Full Dark Theme : 

![Full Darkmode](./docs/images/Screenshot%202024-10-20%20233633.png)

- Full Light Theme :

![Full Light Theme](./docs/images/Screenshot%202024-10-20%20233718.png)

- Tablet :   

![Tablet](./docs/images/Screenshot%202024-10-20%20233646.png)

- Mobile :  

![Image](./docs/images/Screenshot%202024-10-20%20233653.png)

![Image](./docs/images/Screenshot%202024-10-20%20233659.png)