Project Management Dashboard

A responsive web-based dashboard for managing county government projects, built with HTML and Tailwind CSS.

Features

• 📱 Responsive design that works on desktop and mobile devices
• 🎨 Modern UI with Tailwind CSS styling
• 🔍 Search functionality
• 📊 Project statistics and metrics
• 👥 Team member management
• 📋 Project status tracking
• 🚀 Task progress monitoring

Project Structure

sample-project-dashboard/
├── index.html        # Dashboard overview page
├── projects.html     # Projects listing page
└── README.md        # Documentation

Pages

Dashboard (index.html)

• Overview statistics
• Quick access to key metrics
• Navigation to all major features
• Team member counts
• Task completion status

Projects (projects.html)

• Complete project listing
• Project status indicators
• Progress tracking
• Team member assignments
• Edit/Delete project actions

Setup

1. Clone the repository:

git clone <repository-url>
cd sample-project-dashboard

2. Open the project in a web browser:

• Double-click index.html or
• Use a local development server

Dependencies

• Tailwind CSS v4 (loaded via CDN)

<script src="https://unpkg.com/@tailwindcss/browser@4"></script>

Features Breakdown

Navigation

• Responsive sidebar with mobile support
• Toggle menu for mobile devices
• Quick access to all major sections
• Active state indicators

Project Management

• Project listing with status indicators
• Progress tracking bars
• Team member assignments
• Action buttons for editing and deleting projects

Status Categories

• Not Started
• In Progress
• Completed

User Interface

• Clean, modern design
• Responsive layout
• Mobile-first approach
• Interactive elements
• Loading states
• Search functionality

Contributing

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.