Aora - Full-Stack AI Video Sharing Platform using Expo & React Native

‼️ Folder Structure

Here is the folder structure of Aora.

aora-app/
  |- app/
    |-- (auth)/
    |-- (tabs)/
    |-- search/
    |-- _layout.jsx
    |-- index.jsx
  |- assets/
    |-- fonts/
    |-- icons/
    |-- images/
  |- components/
    |-- custom-button.jsx
    |-- empty-state.jsx
    |-- form-field.jsx
    |-- info-box.jsx
    |-- search-input.jsx
    |-- trending.jsx
    |-- video-card.jsx
  |- constants/
    |-- icons.js
    |-- images.js
    |-- index.js
    |-- links.js
  |- context/
    |-- global-provider.jsx
  |- .env.local
  |- .env.example
  |- .gitignore
  |- app.json
  |- eas.json
  |- babel.config.json
  |- package-lock.json
  |- package.json
  |- tailwind.config.js
  |- tsconfig.json

🧰 Getting Started

1. Make sure Git and NodeJS is installed.
2. Clone this repository to your local computer.
3. Create .env.local file in root folder.
4. Contents of .env.local:

# .env.local

# appwrite project
EXPO_PUBLIC_APPWRITE_PLATFORM=com.example.aora
EXPO_PUBLIC_APPWRITE_PROJECT_ID=000000000000000000000000000

# appwrite database
EXPO_PUBLIC_APPWRITE_DATABASE_ID=000000000000000000000000000

# appwrite collection
EXPO_PUBLIC_APPWRITE_COLLECTION_ID=000000000000000000000000000

# appwrite video
EXPO_PUBLIC_APPWRITE_VIDEO_ID=000000000000000000000000000

# appwrite storage
EXPO_PUBLIC_APPWRITE_STORAGE_ID=000000000000000000000000000

5. Open terminal in root directory. Run npm install --legacy-peer-deps or yarn install --legacy-peer-deps.

6. Install Expo Cli using npm i -g expo-cli or yarn global add expo-cli to initialize your app on Expo.

7. Set Up Appwrite

1. Install Appwrite:

   • If you haven't already, follow the Appwrite installation guide to set up Appwrite on your server or use Appwrite Cloud.

2. Create a New Project:

   • Log in to your Appwrite console.
   • Click on the "Add Project" button.
   • Name your project (e.g., "Aora") and click "Create".

8. Obtain the Project ID

1. Navigate to Your Project:
   • Go to the project you just created.
2. Copy the Project ID:
   • In the project settings, you will find the "Project ID". Copy this ID.

9. Configure Appwrite Platform

1. Add a New Platform:
   • Within your project, navigate to the "Platforms" section.
   • Click on "Add Platform" and select the appropriate platform for your project (e.g., Web, iOS, Android).
   • Provide the necessary details such as domain or package name (e.g., com.example.aora).
   • Save the platform settings.
2. Copy the Platform ID:
   • After adding the platform, note the Platform ID (if provided) or use the domain/package name you added.

10. Set Up Appwrite Database

1. Create a New Database:
   • In your project dashboard, navigate to "Database".
   • Click on "Add Database", provide a name for your database, and save it.
2. Copy the Database ID:
   • After creating the database, copy the Database ID.

11. Set Up Appwrite Collection

1. Create a New Collection:
   • Within the Database section, click on the "Add Collection" button.
   • Provide a name for your collection and configure the necessary attributes and permissions.
   • Save the collection.
2. Copy the Collection ID:
   • After creating the collection, copy the Collection ID.

12. Obtain the Video ID

1. Upload a Video File (if applicable):
   • Navigate to the "Storage" section in your Appwrite console.
   • Click on "Add File" and upload your video file.
2. Copy the Video File ID:
   • After the upload is complete, copy the File ID of the video.

13. Set Up Appwrite Storage

1. Configure Storage Bucket (if applicable):

   • In the "Storage" section, you may need to create a new bucket or use the default bucket.
   • Ensure the bucket is configured to store your required files.

2. Copy the Storage ID:

   • Note the Storage Bucket ID or the specific ID used for storage configuration.

3. Now app is fully configured 👍 and you can start using this app using expo start.

📚 Additional Resources

• Expo Documentation: https://docs.expo.dev/
• React Native Documentation: https://reactnative.dev/docs/
• Clerk Documentation: https://clerk.com/docs

NOTE: Please make sure to keep your API keys and configuration values secure and do not expose them publicly.

📷 Screenshots:

⚙️ Tech Stack

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

💎 Acknowledgements

Useful resources and libraries that are used in Aora:

• @types/react
• Expo
• Expo AV
• Expo Constants
• Expo Document Picker
• Expo Image Picker
• Expo Linking
• Expo Navigation Bar
• Expo Router
• Expo Status Bar
• Expo Updates
• NativeWind
• React
• React Native
• React Native Animatable
• React Native Appwrite
• React Native Safe Area Context
• React Native Screens
• React Native URL Polyfill
• TypeScript
• Babel Core
• Tailwind CSS

☕ Buy Me a Coffee

🚀 Follow Me

⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.

🌟 Star History

(back to top)