Project Management Dashboard

A modern web dashboard for managing projects, displaying various metrics using tables and charts. The project is built using Node.js, Express.js, and Chart.js for the backend and data visualization, with HTML and CSS for the front-end interface. The application leverages `chokidar` for file watching and `xlsx` for handling Excel data processing.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🕸️ Usage
6. 🔗 Screenshots

🤖 Introduction

This project is a project management dashboard that provides a visual overview of key metrics related to various projects. It is designed to help teams track progress, monitor issues, and assess project costs through interactive charts and tables. The application uses chokidar to watch for file changes and automatically update the data, and xlsx to read and process Excel files containing project data.

⚙️ Tech Stack

• JavaScript
• Node.js
• Express.js
• Chart.js
• Chokidar
• XLSX
• HTML5
• CSS3

🔋 Features

👉 Interactive Charts: View project metrics such as progress, issues, and costs in visually appealing charts.

👉 Responsive Design: The dashboard is fully responsive and works on various devices and screen sizes.

👉 Dynamic Data: The dashboard dynamically updates based on the underlying data, providing real-time insights.

👉 Project Management Overview: A comprehensive overview of all active projects, including their current status and key metrics.

👉 Automated File Watching: Uses chokidar to watch for changes in the Excel file and automatically updates the dashboard.

👉 Excel Data Processing: Uses xlsx to read and process Excel files, making it easy to handle large datasets.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Node.js
• npm (Node Package Manager)
• A text editor (e.g., VSCode)

Cloning the Repository

git clone https://github.com/Gobind147/Project-Management-Dashboard.git
cd Project-Management-Dashboard
npm install

Starting the Server

node server.js

Open your web browser and go to http://localhost:3001 to view the dashboard.

🕸️ Usage

• Viewing the Dashboard: Access the dashboard to view project metrics, including progress, issues, and costs.
• Interacting with Charts: Hover over or click on chart elements to view detailed data.
• Refreshing Data: The data can be refreshed manually by reloading the page.

🔗 Screenshots

Data Table - Program Alpha

Data Table - Program Beta