Loading
About the Project

Every Film and Episode You Have Ever Watched

TVTracker is a film and television tracking platform built around one habit: keeping an honest record of everything you watch. Mark a film watched, work through a series season by season and episode by episode, and the history stays yours for good. Discovery sits alongside it — trending titles and episodes the moment they land, all-time Top 250 rankings with every rating in one row, entertainment news, and browsing by genre, network, streaming service, cast or mood, including where each title is actually streaming in your region.

What makes it more than a checklist is the layer on top. Watching earns XP and progression titles, unlocks badges, feeds streaks, and drives challenges, personal goals and leaderboards against friends or the world. Around every title there is a social layer: reactions, character votes, threaded comments and profiles with public watch lists, so a finished episode becomes something to talk about rather than just tick off.

The product spans four surfaces from one codebase family — a React Native app for iOS and Android, a Laravel API with queue-backed background work, a web app, and an admin console for moderation and content operations. Film and rating data is aggregated from multiple external catalogues, and the entire interface ships fully in both English and Arabic, right-to-left included.

  • Episode-by-Episode Show Tracking
  • Watch & Rewatch History
  • Trending Films, Shows & Episodes
  • Top 250 Rankings with Every Rating
  • Browse by Genre, Network, Service or Cast
  • Where to Watch — Providers by Region
  • Franchises, Collections & People
  • Personalised For You Recommendations
  • XP, Levels & Progression Titles
  • Badges, Challenges & Personal Goals
  • Watch Streaks & Daily Stats
  • Global & Friends Leaderboards
  • Threaded Comments, Reactions & Character Votes
  • Follows, Profiles & Public Watch Lists
  • Entertainment News Feed
  • Push Notifications & Reminders
  • Full English & Arabic Interface (RTL)
  • Data Import & Export
TVTracker

How It Was Built

Our process
Product & Data Model Design Icon
01 .
Product & Data Model Design

Defining the tracking, discovery, social and gamification domains, then modelling how watch history, stats and rewards relate before a line of feature code was written.

Interface, Motion & Bilingual Design Icon
02 .
Interface, Motion & Bilingual Design

A dark, poster-led interface with its own display type and motion language, designed in English and Arabic together so right-to-left was never an afterthought.

API, Integrations & Background Work Icon
03 .
API, Integrations & Background Work

A layered Laravel API aggregating multiple external film catalogues and rating sources, with queue workers handling stats, notifications and scheduled jobs.

Mobile App Development Icon
04 .
Mobile App Development

Building the iOS and Android app on React Native with social sign-in, push messaging, offline-aware data fetching and long lists that stay smooth at any size.

Admin, Moderation & Launch Prep Icon
05 .
Admin, Moderation & Launch Prep

An admin console for content operations, user reports and moderation, plus subscription plans, store artwork and release engineering ahead of launch.

TVTracker preview
Project Insights

Behind the
decisions we made.

A Tracker That Rewards the Habit

Logging what you watch is a chore unless it gives something back. Tying every entry to XP, badges, streaks, goals and leaderboards turns record-keeping into progress the user can see — which is what keeps a tracking app open past the first week.

One Product, Four Surfaces

The mobile app, web app, admin console and public API all serve the same domain. Keeping business rules in a single layered backend — rather than duplicating them per client — is what allowed four surfaces to stay consistent as the feature set grew.

Arabic as a First-Class Language

Every one of the interface strings ships in Arabic as well as English, with dedicated Arabic typefaces and full right-to-left layout. Designing both directions from the start avoids the cramped, translated-on-top feel that retrofitted RTL usually produces.

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us