https://github.com/codzsword/dashboard-html-css

https://github.com/codzsword/dashboard-html-css

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/codzsword/dashboard-html-css
• Owner: codzsword
• Created: 2025-02-06T08:16:00.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-15T18:16:11.000Z (over 1 year ago)
• Last Synced: 2025-04-08T18:54:53.003Z (about 1 year ago)
• Language: HTML
• Size: 411 KB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Dashboard Using HTML CSS JavaScript

![Logo](https://raw.githubusercontent.com/codzsword/Dashboard-HTML-CSS/refs/heads/main/Dashboard-Demo.png)

# **Admin Dashboard Template**  

Welcome to the **Admin Dashboard Template** repository! This project is a fully responsive admin dashboard built using **HTML, CSS, and JavaScript**. It’s designed to help developers and designers create professional backend interfaces with ease. Whether you're a beginner or an experienced developer, this template provides all the essential features you need to get started.  

---

## **Features**  

- **Collapsible Sidebar**: A responsive sidebar for easy navigation.  

- **Top Navigation Bar**: Includes a search box and user logout section.  

- **Information Cards**: Display key metrics and data in a clean, organized layout.  

- **Interactive Charts**: Integrated **Chart.js** for creating dynamic charts (e.g., pie charts).  

- **Data Tables**: Utilizes **DataTables.js** for efficient and user-friendly tabular data display.  

- **Fully Responsive**: Works seamlessly on all devices, from desktops to mobiles.  

---

## **Technologies Used**  

- **HTML**: For structuring the dashboard layout.  

- **CSS**: For styling and creating a modern, clean design.  

- **JavaScript**: For adding interactivity and dynamic functionality.  

- **Chart.js**: For creating interactive charts and graphs.  

- **DataTables.js**: For displaying and managing tabular data.  

- **Font Awesome**: For icons used throughout the dashboard.  

---

## YouTube Video Link

https://youtu.be/37iHYfu5Sjg

[![youtube](https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/@codzsword)