Live in production · iOS, Android & Web

Byoh

Premium Myanmar(Burma) lifestyle programs, social & video streaming with custom-built video player with DRM

Role
Full-Stack Developer & Designer
Timeline
2025
Platforms
iOS · Android · Web

I designed the product in Figma, built the Flutter app from the ground up to pixel-perfect accuracy, built the Next.js web app, and contributed to the Node.js backend. Streaming runs on a custom video player I engineered to fit the product's needs.

Three Systems

One product across mobile, web and a Node backend.

Byoh app

Flutter · iOS & Android · my main focus

The consumer app: browse categories and programs, stream premium video on the custom player, read articles, save favourites, comment and rate, and subscribe via carrier billing. Built ground-up to pixel-perfect designs with Clean Architecture, BLoC, Firebase and in-app purchase.

Flutter Flutter Dart Dart BLoC Firebase Firebase

Byoh web

Next.js · React · web

The web version of the product: server-rendered content browsing and the same streaming experience, with OTP auth behind a server-side proxy, subscription and redeem flows, and bilingual EN/MM theming.

Next.js Next.js React React TypeScript TypeScript Tailwind Tailwind

Backend

Node.js · contributor

The REST API powering both clients — auth/OTP, content, subscriptions and payments, comments and ratings, and authenticated video streaming. I contributed to portions of it.

Node.js Node.js Express Express Prisma Prisma

Features

Home feed

Home feed

A curated hero carousel, category shortcuts and a Latest feed of fresh programs and videos — the screen you open first.

Programs & series

Programs & series

Browse organised content programs and series, each grouped under its lifestyle category.

Lifestyle categories

Lifestyle categories

Explore content by category — entertainment, success, health, beauty, fashion, astrology, social welfare, travel and tech.

Category content feed

Category content feed

A rich feed of video and article cards within a category, with featured covers and quick play.

Curated collections

Curated collections

Editorially curated covers and collections that surface the best content for each theme.

Articles & reading

Articles & reading

Long-form articles with imagery and related stories, rendered in clean bilingual Burmese/English typography.

Save your favourites

Save your favourites

Bookmark programs and videos to a personal Saved Contents list you can return to anytime.

Profile, language & theme

Profile, language & theme

Manage your profile and subscription, redeem codes, switch EN/MM language and light/dark theme.

Carrier-billed plans

Carrier-billed plans

Subscribe straight from your phone bill with MPT, ATOM or U9 — or via in-app purchase — to unlock premium content.

Custom Video Player

Off-the-shelf players didn't fit Byoh's needs, so I built one — a purpose-made player that streams protected video and gives the product exactly the controls and look it needed.

01

Built, not bolted on

A custom Flutter player package engineered specifically for Byoh (with a shaka-player setup on web) — not a drop-in widget.

02

Authenticated HLS streaming

Plays protected HLS streams with per-request auth headers, so premium content stays gated to subscribers.

03

Controls that fit the content

Play/pause, ±10s skip, scrubbing and fullscreen, with a themed light/dark UI tuned to the lifestyle viewing experience.

Custom video player in light theme with scrubber, skip and fullscreen controls
Custom video player adapting to the dark theme

Tech Stack

Mobile

Flutter Flutter Dart Dart BLoC

Web

Next.js Next.js React React TypeScript TypeScript Tailwind Tailwind

Backend

Node.js Node.js Express Express Prisma Prisma

Media & Tooling

Custom Player shaka-player Figma Figma Firebase Firebase

What I owned

  • Designed the entire product in Figma — the full Byoh Lifestyle UI for both mobile and web.
  • Built the Flutter iOS & Android app from the ground up to pixel-perfect accuracy against the designs, with Clean Architecture, BLoC, light/dark theming and EN/MM localization.
  • Engineered a custom video player built to fit the product's needs — authenticated HLS streaming with bespoke playback controls — used across the app.
  • Built the Next.js web app, bringing the same content browsing and streaming experience to the web with server-side rendering and auth.
  • Contributed to the Node.js / Express / Prisma backend powering content, subscriptions, comments and video streaming for both clients.
  • Integrated carrier-billed subscriptions (MPT, ATOM, U9) plus in-app purchase, and push notifications via Firebase.