Build a modern and visually rich music streaming dashboard based on the provided design. The interface should include a sidebar navigation, search field, featured playlist card, user profile area, now playing widget, recently played songs list, and additional music collection cards. Use HTML for structure, CSS for styling, and JavaScript for interactivity and dynamic rendering. Integrate an API or mock JSON data source to load songs, playlists, artists, album covers, durations, or user profile details dynamically. The final result should focus on polished UI design, reusable music cards, responsive layout, dark theme styling, and interactive media dashboard behavior.
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.