Spaces:

---

victor

/

deepsite-gallery

like 310

Running

Main goal:
Design a modern and intuitive admin dashboard for the eBadge project, providing a concise and interactive overview of all essential stats for administrators to quickly assess system health and make informed decisions.

🧩 Dashboard Content (sections + visual details)

1. Quick Overview (top section, cards)
   Summary stat cards in a grid layout (icon + title + number):

🔹 Total registered users (with a small weekly growth tag)

🔹 Total badges created

🔹 Total categories

🔹 Number of active vs inactive users

🔹 Total badges awarded

🔹 Average badges per user

🔹 User roles breakdown (number of admins, teachers, students)

✅ Design idea: light background, stylized icon (e.g., 👤, 🎖️), bold number, small label.

2. Dynamic Graphs (middle section)
   Visual analytics with:

📈 Line chart: number of badges assigned per week/month

📊 Bar chart: badges earned by role (admin/teacher/student)

🍩 Donut chart: badges distribution by category

🧭 Heatmap or timeline: user logins activity (if log data exists)

3. Top Users & Performance (bottom section)
   A ranked table or list:

🏆 Top 5 users by number of badges (with avatar, name, badge count)

🏅 Top 3 most awarded badges

📋 Most used categories

4. Filters & Interaction Controls
   Filter by role, time period, or category

"Export data" button (CSV or PDF)

Date range selector (weekly/monthly/yearly/all time)

💡 UX/UI Guidelines for Designer
Responsive layout for desktop/tablet

Consistent color palette aligned with eBadge branding

Harmonized icons (e.g., Material Icons)

Use of MUI components (Cards, Charts, Tabs)

Include soft transitions (e.g., cards fade in, graphs animate)

Space for system notifications (e.g., badge created, category updated)