A React Native + TypeScript mobile application that consumes The Movie Database (TMDB) API to fetch and display movie data. Built as part of my React Native learning journey — a sandbox to practice API integration, navigation, state management, styled components, and cross-platform mobile UI.
- Browse lists of movies retrieved from TMDB (popular, trending, etc.)
- View detailed movie information (title, poster, synopsis, release date, genres, etc.)
- Search movies via TMDB API (if implemented)
- Cross-platform support (iOS & Android)
- Clean code structure with modular components, services and type safety (TypeScript + interfaces)
- React Native (TypeScript)
- Styling: NativeWind / Tailwind-style configuration via tailwind.config.js
- HTTP calls / API integration: services folder (TMDB API wrappers)
- Navigation: React Navigation / React Native navigation setup (via app/ structure)
- Project configuration: Babel, Metro, tsconfig — for type support & React Native build flow
- Download or clone the project repository
- Install dependencies with
npm install - Add your TMDB API key in a
.envfile - Start the app with
npx expo startorreact-native start - Run on iOS simulator, Android emulator, or Expo Go
This application was designed and built specifically for mobile devices (iOS and Android). It is not intended to run on the web, and opening it in a web browser may cause display or functionality issues.
- Practiced API data fetching and handling async operations
- Learned navigation patterns in React Native
- Improved TypeScript structuring with interfaces and types
- Explored mobile UI patterns and component reuse
- Add movie search functionality
- Add pagination or infinite scrolling
- Add favourites / watchlist system
- Add dark/light mode themes
- Improve design polish and animations
This project was created as a part of my React Native learning journey. Feel free to explore, fork, or learn from the structure.