🛠️ Customer Support Dashboard

A modern and responsive Customer Support Management Dashboard built using React + Vite.
This application displays customer tickets, task statuses, ticket summaries, and provides a clean UI for managing customer support operations.

---

🚀 Features

✅ Ticket Management

• View all customer tickets
• Ticket details including name, issue, priority, and status
• Clean ticket card UI

📊 Task Status Overview

• Displays resolved, pending, and in-progress tasks
• Categorized status widgets
• Animated and responsive components

🧭 Navigation System

• Professional top navigation bar
• Footer included for branding/info

🎨 UI & Assets

• Custom vector assets
• Responsive design using modern CSS
• Sleek layout optimized for desktop and mobile

---

🏗️ Tech Stack

Layer	Technology
Frontend	React.js
Build Tool	Vite
Styling	CSS
Package Manager	NPM / Node
Assets	JSON Data, PNG Icons

---

📂 Project Structure

customer-support/
│── public/
│   ├── data.json
│   └── icon.png
│
│── src/
│   ├── assets/
│   ├── components/
│   │   ├── headers/Navbar.jsx
│   │   ├── taskStatus/
│   │   └── tickets/
│   ├── App.jsx
│   ├── App.css
│   └── main.jsx
│
│── index.html
│── package.json
│── vite.config.js
│── README.md

---

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/your-username/customer-support.git

2️⃣ Navigate into the folder

cd customer-support

3️⃣ Install dependencies

npm install

4️⃣ Run the development server

npm run dev

App will run at:

http://localhost:5173/

---

📦 Build for Production

npm run build

The production-ready files will be created in the /dist folder.

---

📝 License

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

---

👨‍💻 Author

Md Rakib Ali - Customer Support Dashboard Developer

---