Live at web.shwestream.com

ShweStream Web App

Browse and stream Myanmar movies & series, right in the browser.

Role: Lead Frontend Developer & Architect
Timeline: 2025–2026 · eTrade Myanmar
Platforms: Web

The ShweStream product web app — a single-page React application that brings the full Myanmar movie & series streaming experience to the browser: a rich catalog, search, content detail with episodes, watchlists, secure DRM playback and subscriptions across multiple payment options.

I architected and built it on a clean, layered structure (core / domain / data / presentation) with dependency injection, so business logic stays framework-agnostic and testable. Playback runs on Shaka Player with DRM/HLS, auth is a Myanmar phone-number + OTP flow, and payments integrate MPT, ATOM and Ooredoo — served as a static bundle behind nginx.

Open web app Website

Architecture

A clean, layered SPA — dependency-injected use cases keep the UI thin and the domain testable.

React SPA frontend

Vite · SPA

A React Router v7 single-page app with Redux Toolkit state and a shadcn/ui + Radix + Tailwind design system. Home catalog, search, content detail, watchlist and profile flows.

React

Vite

TypeScript

Clean architecture + DI

Domain-driven

Core / domain / data / presentation layers with Inversify dependency injection — repositories, use cases and services keep business logic independent of React.

Inversify

Redux Toolkit

Playback, auth & payments

DRM · OTP · billing

Shaka Player for DRM/HLS streaming, a Myanmar phone-number + OTP login, and subscriptions across multiple payment options — MPT, ATOM and Ooredoo.

Shaka Player i18next

Features

Content detail & episodes

A cinematic detail page with hero art, a Watch action, synopsis and an episode list for series — the jump-off point into playback.

Instant search

Type-ahead search across the catalog by title or actor, returning matches as you type.

Notifications feed

A rich in-app feed of new releases and fresh episodes, each with artwork and a one-tap jump into the content.

Profile & settings

Account, subscription and redeem, plus language, light/dark theme and legal — the personal hub of the app.

Tech Stack

Framework

React

Vite

TypeScript

State & architecture

Redux Toolkit Inversify

UI

Tailwind shadcn/ui Radix

Media, i18n & infra

Shaka Player i18next Docker

Docker

nginx

What I owned

• Architected the web app on a clean, layered structure (core / domain / data / presentation) with Inversify dependency injection.
• Built the catalog, search, content detail and watchlist experience in React Router v7 with Redux Toolkit and a shadcn/ui design system.
• Integrated Shaka Player for DRM/HLS playback and a Myanmar phone-number + OTP authentication flow.
• Wired multiple payment options and subscriptions across MPT, ATOM and Ooredoo, plus Burmese/English localization with i18next.
• Set up the Vite build and nginx/Docker deployment for web.shwestream.com.