Skip to content

Matt-Wilkes/Aora

Repository files navigation

react.js appwrite nativewind

Video Sharing App

The tutorial used to build this project can be found here: JavaScript Mastery YouTube.
  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start

This is a video sharing app Built with React Native + Expo, integrated with an Appwrite backend.

  • React Native
  • Expo
  • Nativewind
  • Animatable
  • Appwrite

👉 Onboarding Screen: Engaging graphics and clear instructions welcome users to the app.

👉 Robust Authentication & Authorization System: Secure email login safeguards user accounts.

👉 Dynamic Home Screen with Animated Flat List: Smoothly animated flat list showcases the latest videos for seamless browsing.

👉 Pull-to-Refresh Functionality: Users can refresh content with a simple pull gesture for up-to-date information.

👉 Full-Text Search Capability: Efficiently search through videos with real-time suggestions and instant results.

👉 Tab Navigation: Navigate between sections like Home, Search, and Profile with ease using tab navigation.

👉 Post Creation Screen for Uploading Media: Upload video and image posts directly from the app with integrated media selection.

👉 Profile Screen with Detailed Insights: View account details and activity, including uploaded videos. [follower count TBC!]

👉 Bookmark Screen with filter: Like videos and view them on the bookmarks page, filter the view based on text search.

👉 Responsiveness: Smooth performance and adaptability across various devices and screen sizes for a consistent user experience.

👉 Animations: Dynamic animations using the Animatable library to enhance user interaction and engagement throughout the app's UI.

and many more, including code architecture and reusability

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/Matt-Wilkes/Aora.git
cd aora

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm start

Expo Go

Download the Expo Go app onto your device, then use it to scan the QR code from Terminal and run.

iOS App Store Google play store

To start the development server run the following command

npx expo start

After running the command above, you will see a QR code in your terminal. Scan this QR code to open the app on your device.

About

Small app built using React-Native / Expo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published