Build a beautiful, trending movie app with React Native and Appwrite — complete with backend data and metrics tracking.
- Browse trending movies
- Track views and engagement with Appwrite
- Fully responsive UI built with React Native & Expo
- Node.js >= 14.x
- Appwrite account — Create one here
- Android Studio or Xcode (for emulators)
- Go to appwrite.io and sign up.
- Create a new project (e.g.,
MoviesApp). - In your project:
- Go to the Database section.
- Create a new collection called
trendingMovies. - Add fields like
title,posterUrl,rating, andviews.
- Enable permissions for read/write access as needed.
- Set up a platform (iOS/Android/web) for your app.
- Note your:
- Project ID
- Database ID
- Collection ID
-
Clone this repo or create a new Expo app:
npx create-expo-app movies-app cd movies-app -
Install dependencies:
npm install
-
Add a
.envfile in your root directory:APPWRITE_PROJECT_ID=your_project_id APPWRITE_DATABASE_ID=your_database_id APPWRITE_COLLECTION_ID=your_collection_id
-
(Optional) Follow folder structure inspired by Adrian Hajdin’s Movie App:
├── components/ ├── constants/ ├── screens/ ├── assets/ └── App.js -
Start the app:
npx expo start