Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/basedhound/video-sharing_react-native
Aora is a video sharing platform built on React Native, delivering seamless UX, captivating Animatable animations, and integrated with Appwrite's dependable backend.
https://github.com/basedhound/video-sharing_react-native
app appwrite auth babel expo nativewind react-native tailwind
Last synced: about 1 month ago
JSON representation
Aora is a video sharing platform built on React Native, delivering seamless UX, captivating Animatable animations, and integrated with Appwrite's dependable backend.
- Host: GitHub
- URL: https://github.com/basedhound/video-sharing_react-native
- Owner: basedhound
- Created: 2024-06-17T14:47:47.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T10:11:09.000Z (4 months ago)
- Last Synced: 2024-10-11T19:21:18.439Z (2 months ago)
- Topics: app, appwrite, auth, babel, expo, nativewind, react-native, tailwind
- Language: JavaScript
- Homepage:
- Size: 7.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Video Sharing Mobile App
##
đź“‹ Table of Contents
- ✨ [Introduction](#introduction)
- ⚙️ [Tech Stack](#tech-stack)
- đź“ť [Features](#features)
- 🚀 [Quick Start](#quick-start)
**[EN]** Built with React Native for seamless user experiences, Animatable for captivating animations, and integrated with the dependable backend systems of Appwrite, this app showcases modern design and functionality, enabling seamless sharing of videos within the community.
**[FR]** Construite avec React Native pour une expérience utilisateur fluide, "Animatable" pour des animations captivantes, et intégrée aux systèmes backend fiables d'Appwrite, cette application présente un design moderne et des fonctionnalités facilitant le partage de vidéos au sein d'une communauté.
- [**React Native**](https://reactnative.dev/docs/getting-started) is a JavaScript framework that enables developers to build mobile applications using React and React-like components. It allows for the development of cross-platform applications that can run on both iOS and Android platforms, leveraging a single codebase.
- [**Expo**](https://docs.expo.dev/) is a comprehensive platform and toolchain built around React Native that accelerates the development of mobile applications. Expo provides a set of tools and services including a development client, build services, and access to native APIs, simplifying the development and deployment process.
- [**Nativewind**](https://www.nativewind.dev/) is a utility library that integrates Tailwind CSS utility classes into React Native development. It brings the ease of use and productivity benefits of Tailwind CSS to mobile app styling, enabling developers to rapidly prototype and style their applications without needing to write traditional CSS.
- [**Animatable**](https://www.npmjs.com/package/react-native-animatable) is a library designed for creating animations in React Native applications with ease. Animatable provides a straightforward API for defining animations such as fades, slides, and transforms, enhancing the visual appeal and user experience of mobile applications.
- [**Appwrite**](https://appwrite.io/docs) is an open-source backend platform that offers a wide range of backend services including authentication, database management, file storage, and cloud functions. It is designed to simplify backend development for web and mobile applications, providing a unified API and robust security features. Appwrite supports scalability and real-time updates, making it suitable for a variety of application use cases.
👉 **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 and follower count, for a personalized experience.
👉 **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.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone {git remote URL}
```
**Installation**
Let's install the project dependencies, from your terminal, run:
```bash
npm install
# or
yarn install
```
**Running the Project**
Installation will take a minute or two, but once that's done, you should be able to run the following command:
```bash
npm start
# or
npx expo start -c
```
Download the [Expo Go](https://expo.dev/go) app onto your device, then use it to scan the QR code from Terminal and run.
Alternatively, you can also use [BlueStacks 5](https://www.bluestacks.com/bluestacks-5.html) to emulate an Android device on your computer.