React Native Movie App

A personal project built with Expo, React Native, and TypeScript that lets you explore and search for movies. Powered by the TMDB API for movie data and Appwrite for tracking trending searches.

Main Page	Search Page

Features

• Browse popular movies
• Search by title with instant results
• View detailed information about each movie
• Track and display trending searches using Appwrite backend
• Responsive UI styled with Tailwind via NativeWind
• Built with Expo Router and file-based routing

Tech Stack

• React Native + Expo
• TypeScript
• NativeWind (Tailwind CSS)
• Appwrite
• TMDB API

Getting Started

1. Install dependencies

   npm install

2. Environment variables

   Create a .env file in the project root:

   EXPO_MOVIE_PUBLIC_API_KEY=<your_tmdb_token>
   EXPO_PUBLIC_APPWRITE_PROJECT_ID=<your_appwrite_project_id>
   EXPO_PUBLIC_APPWRITE_DATABASE_ID=<your_appwrite_database_id>
   EXPO_PUBLIC_APPWRITE_TABLE_ID=<your_appwrite_table_id>
   

3. Run the app

   npm start

   Expo will give you options to open the app on a device, emulator, or the web.

Scripts

• npm start – launch Expo
• npm run android – run on Android emulator
• npm run ios – run on iOS simulator
• npm run web – run in a web browser
• npm run lint – lint the project with ESLint

Project Structure

app/               # screens and routing
components/        # reusable UI components
constants/         # icons, images, etc.
services/          # API wrappers and hooks