Skip to main content

Admin Dashboard

ThePlugg admin dashboard is a React.js web application for managing the platform.

Overview​

The admin dashboard provides:

  • User management
  • Provider verification
  • Job oversight
  • Complaint and dispute management
  • Category and service management
  • Analytics and statistics
  • Dashboard overview

Tech Stack​

  • Framework: React.js
  • Language: TypeScript
  • Routing: React Router
  • HTTP Client: Axios (via custom API utility)
  • UI: Custom CSS
  • Notifications: react-hot-toast

Project Structure​

theplugg-admin/
├── src/
│   ├── components/       # Reusable components
│   ├── pages/           # Page components
│   ├── config/          # Configuration
│   ├── context/         # React context
│   ├── utils/           # Utilities
│   └── App.tsx          # Main app component
├── public/              # Static assets
└── package.json

Key Features​

  • Role-based access control
  • Real-time data updates
  • CRUD operations for entities
  • Search and filtering
  • Export capabilities
  • Responsive design

Pages​

  • Dashboard - Overview and statistics
  • Users - User management
  • Providers - Provider management
  • Jobs - Job oversight
  • Services - Service catalog management
  • Categories - Category management
  • Complaints - Complaint handling
  • Disputes - Dispute resolution
  • Ranking - Provider ranking configuration

Next Steps​