RD
Rahul Dutta

Course Dashboard - Copy this React, Tailwind Component to your project

Design a user friendly course player dashboard with a clean, modern interface. The dashboard should be split into two main sections: Left Sidebar (Playlist): Chapters: Displayed as expandable/collapsible sections. Lessons: Nested under each chapter, listed with titles and icons. Notes: Allow users to add, view, and manage notes linked to specific lessons. Main Content Area (Right Side): Video Player: Displays the selected lesson video at the top with playback controls. Note Viewer: Appears below the video player when a note is selected. Video Description: Displayed underneath the video player, providing details about the lesson. Ensure the design is intuitive, with a smooth transition between video lessons, notes, and descriptions.

Prompt
Component Preview

About

CourseDashboard - User-friendly layout with a left sidebar for chapters and notes, plus a video player and description area. Built wit. View and copy code!

Share

Last updated 1 month ago