AdvancedWeb10-16 hours+320 XPMentor reviewed

Project Management

Build a modern multi-page project management web app based on the provided design. This project should not be treated as a simple landing page. It should include multiple screens and connected sections such as a homepage, profile page, task management area, and productivity-focused dashboard interfaces. Use HTML for structure, CSS for styling, and JavaScript for interactivity and page behavior. The final result should focus on a modern dark UI, reusable components, navigation between pages, task cards, profile management sections, and responsive layouts. This challenge is designed to simulate a larger real-world frontend project with multiple pages and shared UI patterns.

project-management
dashboard
multi-page
html
css
javascript
kanban
productivity
dark-ui
responsive

This challenge doesn't include downloadable assets

Recreate the design from the Figma file using your own images, icons and resources where needed. You are not required to use the exact same images, copy or placeholder data.

You are expected to

Use your own images, icons and resources when needed
Recreate the design based on the provided Figma file
Respect the brand identity, colours, logo and key visuals
Keep the UI structure, layout flow and key sections consistent

Reviewers focus on

Brand colours

0

Completed

—

Average AI review

New here? Read the Tahaddiyat guide to learn the expected structure and submission flow.

Logo usage

Layout structure

Spacing & alignment

UI architecture

Required functionality

Minor differences in content, images or data are fine, but the overall visual identity and design direction should stay clearly consistent with the challenge.

Build a multi-page web app based on the provided design
Use semantic HTML5 structure across all pages
Style the full project using CSS
Use JavaScript for interactions and page behavior
Create a shared navigation bar or header across pages
Build a homepage with hero section and feature cards
Create a project management overview section
Build at least one dashboard-style page
Create a profile page with user information and edit actions
Build a task management page with task groups or task cards
Add a task search input or filtering UI
Use reusable card and button styles across the project
Create consistent dark theme styling throughout the app
Add hover and active states for links, buttons, and cards
Make all pages responsive for tablet and mobile devices
Keep layout and spacing consistent across different screens
Organize code clearly across HTML, CSS, and JavaScript files

Submission

Submit your solution

Share your work for mentor review and showcase your structure, polish and implementation quality.

1 joined

Log in to submit

You need an account to submit your solution and receive mentor feedback.

Log in to submit

Community Discussions

Questions & Answers

Be the first to ask a question about this challenge.

Loading discussions...