Skip to content

AmelChenni/Responsive-dashboard-template-HTML_CSS

Repository files navigation

📊 Dashboard Project

🌐 Live Demo: https://chennidev-dashboard.netlify.app/


📖 Description

A responsive Dashboard UI built only with HTML, CSS, and JavaScript.
The project contains multiple pages to simulate a real dashboard system with clean and modern design.


🚀 Features

  • 📋 Multiple pages (Plans, Users, Analytics, Login, Dashboard Home, etc.)
  • 🎨 Modern responsive design using pure CSS
  • 📱 Mobile-first responsive layout
  • ⚡ Lightweight – no frameworks (only HTML, CSS, JavaScript)
  • 🔄 Easy to customize and extend

🛠️ Technologies Used

  • HTML5
  • CSS3 (Flexbox, Grid, custom styling)
  • JavaScript (Vanilla)

📷 Preview

📊 home Page

Plans Page

🔑 Courses Page

Login Page

🏠 File Home

Dashboard Home

👥 Projects Page

Users Page


📌 Future Improvements

  • Add dark/light mode
  • Add animations & transitions for smoother UX
  • Connect pages to a real backend (authentication, database)
  • Add interactive charts

▶️ Usage

  1. Clone this repository:
    git clone https://github.com/AmelChenni/dashboard-project.git

About

dashboard responsive-ui html css javascript frontend admin-template web-design multipage

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published