Welcome to my Aora - React Native Appp 👋

This is modern mobile app built with React Native and Appwrite (as the backend), enabling seamless sharing of community videos. It offers a smooth user experience, dynamic animations, and essential features for a community-focused video-sharing platform.

App demo

wechat_20241017233657.1.1.1.mp4

---

🛠 Tech Stack

• React Native: For building the mobile app.
• Expo: To ease development and deployment.
• NativeWind: For styling using Tailwind CSS principles.
• Animatable: To create captivating animations throughout the UI.
• Appwrite: As the backend for user authentication, database management, and media storage.
• Appwrite Database & Storage: To securely store user data and uploaded videos.

---

🌐 Features in Detail

• Onboarding Screen: Engaging graphics and clear instructions welcome users to the app.
• Secure Email Login: Protects user accounts with secure authentication using Appwrite.
• Animated FlatList: Users can browse the latest AI-generated videos with smooth animations.
• Pull-to-Refresh: Users can refresh content with a pull gesture to get the latest videos.
• Tab Navigation: Navigate between sections like Home, Search, and Profile easily.
• Upload Video & Images: Users can upload their own AI-generated videos directly from their device.
• Profile Screen: View user profile details, uploaded videos, and follower counts.
• Dynamic Animations: Enhanced user interaction and engagement using the Animatable library.

📱 Screenshots

Register	Home	login

Search	Upload	Profile

Design Guide:

This app follows a carefully crafted design based on a Figma prototype: Figma Design Guide

and this tutorial: https://www.youtube.com/watch?v=DwbwuYYiBTk

---

🔧 How to Run the App

1. Clone the Repository:

   git clone https://github.com/yourusername/aora-app.git
   cd aora-app

2. Install Dependencies:

   npm install

3. Run the App:

   • For iOS:

     expo start --ios

   • For Android:

     expo start --android

4. Setup Appwrite Backend:

   • Configure your Appwrite server for authentication, database, and storage integration. Instructions for Appwrite setup can be found here.

Get started

1. Install dependencies

   npm install

2. Start the app

    npx expo start

In the output, you'll find options to open the app in a

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

You can start developing by editing the files inside the app directory. This project uses file-based routing.

Get a fresh project

When you're ready, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.

Learn more

To learn more about developing your project with Expo, look at the following resources:

• Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
• Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.

Join the community

Join our community of developers creating universal apps.

• Expo on GitHub: View our open source platform and contribute.
• Discord community: Chat with Expo users and ask questions.