College Management Dashboard

A modern, responsive web dashboard for college administration management built with HTML, Tailwind CSS, and Chart.js.

🚀 Features

• Modern UI/UX - Clean, professional design with smooth animations
• Responsive Design - Works perfectly on desktop, tablet, and mobile devices
• Interactive Charts - Student distribution and performance trend visualizations
• Real-time Statistics - Key metrics display (students, faculty, departments, GPA)
• Navigation System - Intuitive sidebar navigation for different sections
• Search Functionality - Built-in search capability
• Activity Tracking - Recent activities and notifications

🛠️ Technologies Used

• HTML5 - Semantic markup
• Tailwind CSS - Utility-first CSS framework
• Chart.js - Interactive charts and graphs
• Font Awesome - Icon library
• JavaScript - Interactive functionality

📊 Dashboard Sections

1. Overview Statistics - Key metrics cards
2. Student Distribution - Department-wise student allocation chart
3. Academic Performance - GPA trend analysis
4. HODs & Faculty - Staff management overview
5. Recent Activities - Latest updates and notifications
6. Placement Partners - Company-wise placement data
7. College Rankings - Performance metrics
8. Events & Contests - Academic and extracurricular activities

🚀 Deployment

This project is ready for deployment on Vercel. Simply connect your GitHub repository to Vercel for automatic deployments.

Manual Deployment Steps:

1. Install Vercel CLI: npm i -g vercel
2. Navigate to project directory: cd dashboard-4
3. Deploy: vercel

📁 Project Structure

dashboard-4/
├── index.html          # Main dashboard file
├── code.html           # Original file (backup)
├── vercel.json         # Vercel configuration
└── README.md           # Project documentation

🎨 Customization

The dashboard is highly customizable:

• Colors and themes can be modified in the CSS
• Chart data can be updated in the JavaScript section
• Content can be easily edited in the HTML structure

📱 Browser Support

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

🤝 Contributing

Feel free to submit issues and enhancement requests!

📄 License

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