MeshFlix

MeshFlix is a sleek and performance-first mobile app where users can explore the latest movies and TV series using the TMDB API, stream them using VidBinge via react-native-webview, and enjoy a smooth UI experience backed by Zustand, MMKV, FlashList, and Reanimated.

It includes genre-based filtering, search, cast info, related movie/show suggestions, and a Watch Later list — all optimized for mobile.

📱 Download APK

👉 Download APK

🔑 Key Features

• 🏠 Tabbed Navigation

  • Home: Discover trending and popular content.
  • Movies: Browse movies, filter by genre, or search by name.
  • Series: Find TV shows, filter by genre, or search quickly.
  • Watch Later: Save content for future viewing (persisted with MMKV).

• 🔎 Search & Filter

  • Genre-based filtering for both Movies and Series tabs.
  • Real-time text search to find titles across TMDB.

• 🎬 Detailed View with Suggestions

  • Each movie/series shows:
    • Title, release date, rating, overview, and full cast list.
    • 🔁 Suggested related titles using TMDB’s recommendation API.

• 📺 Streaming with VidBinge

  • Seamless video playback using react-native-webview.

• ⭐ Bookmark to Watch Later

  • Use Zustand + MMKV to persist watchlist across sessions.

• ⚡ Smooth Performance

  • Ultra-fast rendering using FlashList.
  • Data fetching via @tanstack/react-query.
  • Network status handled by @react-native-community/netinfo.

• 🌙 Dark Mode & Reanimated Transitions

  • Fully responsive UI with animated screen transitions and dark mode support.

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/rushiii3/movie-app2.git
cd movie-app2

2. Install Dependencies

npm install
# or
yarn

3. Start the App

npx expo start

4. API Setup

Make sure to add your TMDB API key and use VidBinge URLs for video playback inside .env.

🖼️ Screenshots

Home Screen

Filter by Genre + Search

Movie/Show Details + Cast + Suggestions

Streaming in WebView

Watch Later / Bookmarks

⚙️ Tech Stack

• Framework: React Native (Expo)
• Languages: TypeScript
• Data Fetching: @tanstack/react-query
• State Management: zustand
• Persistent Storage: react-native-mmkv
• Video Streaming: react-native-webview
• Rendering Optimization: @shopify/flashlist
• Animations: react-native-reanimated
• Network Awareness: @react-native-community/netinfo

MeshFlix delivers fast, reliable, and ad-free access to the world of movies and series — letting you explore, stream, and save with just a few taps.