Customer Support Admin Dashboard – Angular

A full-featured Angular dashboard for admins to manage agents, monitor chats, and keep the customer support system running smoothly.

Built to connect with the backend system and provide direct control over support operations.

🌐 Live Demo

• Production App: https://customer-support-admin.ziadgamal.com
• Backend API: https://customer-support-api.ziadgamal.com
• Legacy Vercel: https://customer-support-admin-angular.vercel.app (redirects to new domain)

---

🛠️ Admin Features

• ✅ Login as Admin
• 👤 View agents & their status (Available, Busy, Away)
• 🎫 View all chats with filters (New, Open, Pending, Resolved)
• 🔄 Reassign chats manually to available agents
• 🕹️ Change agent status manually
• 💬 View chat details
• 📋 Change chat status directly

---

🚀 Getting Started

1. Clone the repo:

   git clone https://github.com/ZiadGamalDev/customer-support-admin-angular.git

2. Install dependencies:

   npm install

3. Update src/app/environments/environment.ts for development:

   export const environment = {
     production: false,
     apiUrl: 'http://localhost:3000',
     socketUrl: 'http://localhost:3000',
   };

   Or use production environment in src/app/environments/environment.prod.ts:

   export const environment = {
     production: true,
     apiUrl: 'https://customer-support-api.ziadgamal.com',
     socketUrl: 'https://customer-support-api.ziadgamal.com'
   };

4. Run the project:

   ng serve

---

🌐 Full Ecosystem

This dashboard is part of a multi-repo customer support system. For full functionality, connect it to the backend: 👉 Customer Support Backend Repo

Or see the entire project: 👉 Customer Support System Root Repo

---

📄 License

MIT – free to use, modify, and share ❤️