• Key Features (Admin Panel)

•  

  👤 User Management

•  

  • View a list of all registered students and instructors.

  • Accept or reject new profile requests from both roles.

  • View profile details, status, and user activity history.

   

• 💰 Finance Overview

  Visual breakdown of:

  • Instructors’ Earnings (total income via bookings).

  • Students’ Spending (total amount paid for lessons).

  • Interactive charts and filters for time-based finance reports.

•  

•  

  📊 Booking Analytics

•  

  • View total number of bookings, categorized by status (Pending, Completed, Canceled).

  • Insight into daily/weekly/monthly booking trends.

   

• 📋 Dashboard Stats

•  

  • Summary widgets for:

    • Total students and instructors

    • Active users

    • Completed bookings

    • Platform revenue overview

  • Clean and visually appealing layout with icon-based cards and quick access.

   

• 🔍 Search & Filtering

  • Quick filtering of users and bookings by status, location, or date.

  • Real-time search with debounce to optimize performance.

•  

Frontend Tech Stack & Tools

• React.js: Main UI framework for building modular, component-driven interfaces.

• React Router: For protected routes and smooth admin navigation.

• Redux / Context API: For managing global state across the panel.

• Axios: For handling API interactions with loading/error states.

• Chart.js / Recharts: For financial and user activity visualizations.

• React-Table: For data-rich, paginated, and searchable tables.

• Bootstrap / SCSS: For styling and responsive design.

Results/Conclusion:

The Dunagi Admin Panel demonstrates my ability to design and develop full-featured admin dashboards using React. From profile management to data visualization, every component is crafted for clarity and efficiency. This project highlights my skills in building scalable frontend systems that support high-level platform operations and decision-making.