https://github.com/paulmagadi/responsive-admin-dashboard-mock-ui
A responsive Responsive Admin Dashboard UI featuring a reponsive toggleable sidebar, data tables, data charts and add item form.
https://github.com/paulmagadi/responsive-admin-dashboard-mock-ui
admin-dashboard data-form data-tables html-css-javascript js-charts responsive-web-design sidebar
Last synced: 5 months ago
JSON representation
A responsive Responsive Admin Dashboard UI featuring a reponsive toggleable sidebar, data tables, data charts and add item form.
- Host: GitHub
- URL: https://github.com/paulmagadi/responsive-admin-dashboard-mock-ui
- Owner: paulmagadi
- License: mit
- Created: 2025-06-02T10:37:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-02T11:06:32.000Z (about 1 year ago)
- Last Synced: 2025-07-02T08:43:17.245Z (about 1 year ago)
- Topics: admin-dashboard, data-form, data-tables, html-css-javascript, js-charts, responsive-web-design, sidebar
- Language: HTML
- Homepage: https://paulmagadi.github.io/responsive-admin-dashboard-mock-UI/
- Size: 131 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Admin Dashboard UI
A responsive Responsive Admin Dashboard UI featuring a reponsive toggleable sidebar, data tables, data charts and add item form.
---
## Live Demo
## 🖼️ Screenshots
---
## 🚀 Features
✅ **Toggleable Sidebar**
✅ **Preview Cards** with quantity tracking
✅ **Data Tables**
✅ **Dynamic Data Charts**
✅ **Responsive Navigation**
---
## 📂 Folder Structure
```
responsive-admin-dashboard-mock-UI/
│
├── index.html
├── styles.css
├── scripts.js
├── screenshots.png
├── README.md
└── LICENCE
```
## 📱 Responsive Design
This website adjusts seamlessly to:
✅ Mobile Phones
✅ Tablets
✅ Desktop Screens
It uses flexbox, grid, and media queries for responsiveness.
## 🔧 Tech Stack
- HTML5 – Markup
- CSS3 – Styles & layout
- Vanilla JavaScript – DOM manipulation & logic
- Font Awesome – Icons
## 🔮 Roadmap
- User login mockup
- Backend (Django / Firebase) integration (optional future upgrade)
- Pages
## 📦 Installation
```
git clone https://github.com/paulmagadi/responsive-admin-dashboard-mock-UI.git
cd responsive-admin-dashboard-mock-UI
```
open `index.html`
No build tools required — just open in your browser.
## ✍️ Author
Paul Magadi
👨💻 Software Developer & UI/UX Enthusiast
🌐 [Portfolio](https://paulmagadi.github.io)
🐙 [GitHub](https://github.com/paulmagadi)
🔗 [LinkedIn](https://www.linkedin.com/in/paulmagadi)
## 📄 License
This project is licensed under the MIT License.