Skip to content

YuejiaoShi/Aora

Repository files navigation

Video Upload Platform

Overview

This is a video uploading platform designed for users to upload, manage, and share their AI-generated videos with others. The platform is built using React Native for mobile applications with support for media upload, user authentication, and post management.


Technologies and Libraries Used

  • React Native Core framework for building cross-platform mobile applications.
  • Expo A toolchain for streamlined React Native development.
  • Appwrite Backend services for authentication, database, and file storage.
  • Context API Manages global state for user data and authentication.
  • TypeScript Ensures type safety and improves developer experience.
  • TailwindCSS Utility-first CSS framework for rapid, custom UI development.

Features

  1. Video Uploading:

    • Upload videos and thumbnails from the device gallery.
    • Attach relevant metadata, such as title and AI prompt.
    • Submit the video for publication, allowing others to view it.
  2. Profile Management:

    • View user profiles with the ability to display and manage uploaded videos.
    • Users can log out or delete videos directly from their profile.
  3. Authentication:

    • User sign-up and login using email/password with Appwrite backend.
    • Protected routes ensure only authenticated users can upload or manage videos.
  4. Video Viewing:

    • Users can view uploaded videos, with details like title, creator info, and more.

App Structure

1. Sign In and Sign Up Screen (SignIn.tsx SignUp.tsx)

Sign In Sign Up gif

Sign In and Sign Up Screens

Sign Out gif

Sign Out Screen

  • Functionality: Allows users to log into the app using their email and password.

  • Features:

    • User Authentication: Authenticates the user using Appwrite’s backend.
    • Form Validation: Ensures both email and password fields are filled before submission.
    • Navigation: Redirects authenticated users to the home screen.

2. Home Screen (Home.tsx)

Sign In Sign Up gif
  • Functionality: Displays a feed of all the uploaded videos from various users.

  • Features:

    • Video Feed: Shows a list of videos uploaded by different users.
    • Navigation to Details: Clicking on a video navigates to a detailed view of the selected video.
    • Search: Enables users to search for videos by title or creator.

3. Profile Screen (Profile.tsx)

Sign In Sign Up gif
  • Functionality: Displays user's uploaded videos and profile information, with a log-out option.

  • Features:

    • User Information: Displays the user's avatar, username, and a count of their posts and followers.
    • Log Out: Allows users to securely log out of their account.
    • Video List: Shows a list of the user's uploaded videos, including video thumbnails and titles.

4. Create Video Screen (Create.tsx)

Sign In Sign Up gif
  • Functionality: Allows users to upload a video with a corresponding thumbnail, title, and prompt.

  • Features:

    • Video Upload: Allows the user to upload a video from the device.
    • Thumbnail Selection: Users can pick an image to serve as the video’s thumbnail.
    • AI Prompt: Enables users to include a description or prompt they used to generate the content.
    • Validation: Checks if all fields are filled before submission.
    • Submission: Handles the video upload and navigates back to the home page upon success.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors