A
Anonymous

Video Management - Copy this React, Tailwind Component to your project

Prompt:-Create-a-user-interface-design-for-the-video-management-section-in-an-administrator-module-within-an-educational-platform.-The-screen-should-include:-Header:-Main-title:-"Course-Video-Management".-Subtitle:-The-name-of-the-currently-selected-course.-A-"Back"-button-in-the-top-left-corner-to-navigate-to-the-main-courses-page.-Form-to-Add-Videos:-A-text-input-field-for-the-video-title.-A-text-area-for-adding-a-description-of-the-content.-A-dropdown-menu-to-assign-the-video-to-a-specific-category-or-module-within-the-course.-A-file-upload-button-to-select-a-video-file-from-the-administrator's-device.-A-primary-action-button:-"Add-Video"-(highlighted-with-a-vibrant-color).-List-of-Existing-Videos:-A-table-or-list-layout-with-columns:-Video-Name,-Assigned-Category/Module.-Each-row-should-include-action-buttons:-"Edit",-"Delete",-"Preview".-Optionally,-include-an-icon-or-indicator-for-videos-that-are-currently-inactive.-Footer-(Optional):-A-link-or-button-to-preview-the-video-section-as-it-would-appear-to-students.-Visual-Style:-Professional-and-clean-design-with-a-white-or-light-blue-background.-Vibrant-colors-like-green-or-orange-for-buttons-to-make-them-stand-out.-Rounded-corners-for-fields-and-buttons-to-achieve-a-modern-look.-Clean-and-readable-typography.-Layout:-The-design-should-be-responsive,-with-elements-properly-spaced-and-adaptable-to-both-desktop-and-tablet-screens.

Prompt
Component Preview

About

VideoManagement - Manage course videos with a title input, description area, category dropdown, file upload, and action buttons. Buil. Copy component code!

Share

Last updated 1 month ago