🚌 Metro Internship – Revenue Dashboard

A responsive, web-based dashboard to visualize and analyze stop-wise revenue collections of metro routes.
Built using React and Chart.js, this project provides clear insights into ticket counts, payment modes, and machine performance using real metro data.

🔗 Live Deployed Prototype:
👉 https://metroi.netlify.app

---

🚀 Features

• 📊 Interactive charts using react-chartjs-2
• 📂 CSV & JSON data parsing
• 🗓️ Date range filtering
• 🏷️ Cluster-wise and machine-wise breakdown
• 🔄 Dynamic route analytics
• 💻 Responsive UI (desktop & mobile)

---

🛠️ Tech Stack

Frontend

• React (Vite)
• JavaScript
• HTML & CSS
• Tailwind CSS (optional)

Charts & Visualization

• Chart.js
• react-chartjs-2

Routing

• React Router DOM

Data Handling

• JSON
• CSV parsing

Styling

• Custom CSS
• CSS variables (custom color palette)

---

📦 Installation & Run Locally

Clone the repository

git clone https://github.com/your-username/metro-dashboard.git