A beautifully crafted cross-platform mobile app built with React Native, Expo , NativeWind , Cine provides real-time access to the latest movies using the TMDB API and ranks trending content via a custom Appwrite-powered algorithm. With debounced search, dynamic routing, and a sleek UI, it delivers an engaging and scalable movie browsing experience.
- 🎞️ Real-time fetching of newly released films with detailed metadata
- 🔍 Debounced search functionality for optimized performance
- 📈 Custom trending algorithm using Appwrite based on user search frequency
- 📋 Dynamic movie detail screens with genres, revenue, budget, production data, and more
- 🧭 Smooth navigation and back-stack handling
- 🌐 Responsive and modern UI with NativeWind and Tailwind CSS
- Frontend: React Native (TypeScript), Expo, NativeWind
- Backend: Appwrite (Database, Functions)
- API Integration: TMDB API
- Deployment: EAS Build, OTA Updates
- Clone the Repository
git clone https://github.com/YourUsername/cine-app.git
cd cine-app- Install Dependencies
npm install
Set Up Environment Variables- Create a .env file in the root directory and add:
TMDB_API_KEY=your_tmdb_api_key
APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
APPWRITE_PROJECT_ID=your_appwrite_project_id
⚠️ Make sure your Appwrite project is set up with the necessary collections and permissions.- Start the App
npx expo start
Scan the QR code with Expo Go on your phone (iOS or Android)
Or launch it in an Android/iOS simulatorcine-app/
├── assets/ # Icons and images
├── components/ # Reusable UI components!
├── screens/ # Home, Search, MovieDetails, etc.
├── services/ # API and Appwrite service handlers
├── utils/ # Constants and helper functions
├── App.tsx # Main entry point
└── app.json # Expo configurationApp is live to use it on Android Devices. Showing some of the screenshots of live app for reference.
If you found this project helpful or interesting, feel free to give it a ⭐️, and fork it share it with your peers!