A
Anonymous

Video Sharing App - Copy this React, Tailwind Component to your project

@Project-name:-"My-Video-Twitter-App"-@Input-instructions:-"What-the-user-should-do-in-this-project"-@Command-function-instructions:-"Key-UI-elements-used-in-the-project-and-how-to-implement-them"-<"Function-Name-1">[User-Authentication]-Description:-This-function-handles-the-authentication-of-users,-allowing-them-to-sign-up,-log-in,-and-log-out-securely.-Implementation:-Utilize-Firebase-Authentication-or-OAuth-to-support-email,-Google,-or-other-social-media-logins.-UI-Elements:-Login-screen-Signup-screen-User-profile-picture-and-name-display-after-login-<"Function-Name-2">[Post-Video-Content]-Description:-Allows-users-to-post-short-video-clips-similar-to-tweets.-Implementation:-Create-a-form-that-allows-video-uploading,-caption-addition,-and-a-post-button.-UI-Elements:-Video-upload-button-Text-field-for-captions-Submit-button-to-post-<"Function-Name-3">[Video-Feed-Display]-Description:-Displays-a-feed-of-video-posts-from-various-users,-similar-to-a-Twitter-timeline.-Implementation:-Fetch-videos-from-a-server-or-database-and-display-them-in-a-scrollable-feed,-with-videos-set-to-autoplay.-UI-Elements:-Video-feed-in-a-vertical-scroll-layout-Like,-comment,-and-share-buttons-below-each-video-Profile-picture-and-username-above-each-video-<"Function-Name-4">[Like-and-Comment]-Description:-Allows-users-to-interact-with-posts-by-liking-or-commenting.-Implementation:-Implement-a-like-button-that-increments-a-counter,-and-a-comment-section-to-display-and-add-comments.-UI-Elements:-Like-button-with-a-counter-Comment-section-with-a-display-of-existing-comments-and-a-field-to-add-new-ones-@Output-instructions:-"How-to-display-the-results"-<"Display-Feed-Function">[Display-Video-Feed]-Description:-This-function-will-display-a-real-time-feed-of-videos-posted-by-users.-Implementation:-Use-a-RecyclerView-or-similar-component-to-list-videos,-loading-videos-as-users-scroll.-Output-UI-Elements:-Infinite-scrolling-for-video-feed-Smooth-autoplay-functionality-Clear-layout-with-video,-caption,-like/comment/share-options

Prompt
Component Preview

About

VideoSharingApp - Features user authentication, video posting, a scrollable feed, and interaction options. Built with React and Tailwi. Download code free!

Share

Last updated 1 month ago