Dashboard Project

A responsive dashboard project built with HTML, CSS, and JavaScript, featuring multiple pages and modern UI design.

Features

• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Multiple Pages:
  • Main Dashboard with analytics and charts
  • Projects management page
  • New Project creation form
  • Information center with FAQ
• Modern UI: Clean and professional design using Tailwind CSS
• Interactive Elements: Sidebar navigation, charts, and form validation
• Font Awesome Icons: Beautiful iconography throughout the interface

Pages Overview

Main Dashboard (index.html)

• Overview statistics and analytics
• Interactive charts using Chart.js
• Recent activity timeline
• Quick access to key features

Projects Management (projects.html)

• Project listing with filtering options
• Project status tracking (Active, Completed, Paused)
• Project statistics overview
• Quick navigation to create new projects

New Project Creation (new-project.html)

• Multi-step project creation form
• Team member management
• Project settings and configurations
• File upload functionality

Information Center (info.html)

• Getting started guide
• Frequently Asked Questions (FAQ)
• Platform statistics and documentation
• Support resources

Technology Stack

• HTML5: Semantic markup structure
• Tailwind CSS: Utility-first CSS framework
• JavaScript: Interactive functionality
• Chart.js: Data visualization
• Font Awesome: Icon library
• Google Fonts: Poppins font family

Getting Started

1. Clone this repository
2. Open index.html in your web browser
3. Or run a local server: python3 -m http.server 8000
4. Navigate to http://localhost:8000

Project Structure

├── index.html          # Main dashboard page
├── projects.html       # Projects management page
├── new-project.html    # New project creation page
├── info.html          # Information center page
├── main.js            # JavaScript functionality
├── styles.css         # Custom styles
└── README.md          # Project documentation

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

License

This project is open source and available under the MIT License.