Build a modern and visually rich fitness tracking dashboard based on the provided design. The interface should include a sidebar navigation, activity summary cards, body tracking visualization, calories and heart stats, water intake tracking, and activity analytics charts. Use HTML for structure, CSS for styling, and JavaScript for interactivity and dynamic UI behavior. You can use static or local mock data inside JavaScript to render fitness stats such as calories, duration, heart rate, water intake, and activity progress. The final result should focus on clean dashboard layout, reusable card components, responsive design, dark theme styling, and interactive visual sections.
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.
0
Completed
—
Average AI review
New here? Read the Tahaddiyat guide to learn the expected structure and submission flow.
Minor differences in content, images or data are fine, but the overall visual identity and design direction should stay clearly consistent with the challenge.
Submission
Share your work for mentor review and showcase your structure, polish and implementation quality.
1 joined
Be the first to ask a question about this challenge.