<?xml version="1.0" encoding="utf-8"?>
Open full project

🧩 Main Dashboard Components

Top Header:

  • Dark Mode Toggle
  • Language Switch (Arabic/English)
  • Notifications
  • User Profile (Photo and Name - e.g., Jasser Ali)

User Info Section:

  • Welcome message with employee name, job title, and department
  • Vacation Balance
  • Pending Requests
  • Service Anniversary Duration

Weather & Location Widget:

  • City (e.g., Riyadh)
  • Time and Date
  • Current Temperature and Weather Condition (e.g., Partly Cloudy)

My Requests Section:

  • List of user requests with status labels (e.g., Pending, Approved)
  • "New Request" button

Recent Documents Section:

  • Document Categories (Category 1 / Category 2)
  • Download links for documents (e.g., Employee Handbook, Vacation Policy)

Upcoming Events Section:

  • List of upcoming events with date, time, and location

Community Updates Section:

  • Recent internal company updates and announcements

Services Section:

  • Cards for internal services like:
    • Human Resources
    • Ticketing
    • Community
    • Onboarding

Share

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Great work, Ahmed! It's a very complete dashboard, and you made good color choices.

What I would change is to use only Codec Pro typeface, and vary size and weight instead of 2 different typefaces, so it will look cleaner. I prefer to use 2 typefaces on interfaces with long texts, and only one on dashboards. And use the same shadow for the cards (they are varying on home screen).

Overall, the design is great, and I loved the icons!


4 Claps
Average 4.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>