React / TypeScript / Next.jsTangerang, Indonesia / Remote

Mochammad Tedy Fazrin

Tedy
Fazrin.

Frontend Engineer.

6+ years in software development, building complex React, Next.js and TypeScript applications: offline data, realtime messaging and interactive editors.

View projects View résumé Email me about a role
Portfolio PDF · 4 pages
Based in Tangerang, Indonesia. Available for remote frontend roles worldwide.

01 / Selected projects

Selected work.

Independent product ownership and team contributions across web, desktop and mobile. Each case study explains my scope and its limits.

01 / Independent product

Cutroom.

React 19 / TypeScript / Python / FastAPI / FFmpeg / SQLite

From a long recording to clips worth sharing.

I built an AI-assisted editor that finds highlights, lets creators refine captions and framing, and exports videos for social platforms.

I built the editor, background processing, accounts, and prepaid-credit workflow, and continue to maintain the product.

Live product · Active development

Read Cutroom case study Watch Cutroom workflow
Cutroom’s working sample editor with a clip list, vertical video preview, timeline, and editable caption text.
The Cutroom sample editor, captured during a recorded walkthrough. The footage and suggested moments are curated sample content.

Team contribution

MapTrack

Offline-first asset management

Next.js / TypeScript / RxDB / Supabase

Asset workflows that stay responsive while data syncs.

I migrated Next.js data fetching to reactive RxDB queries and integrated local-first mutations with the existing Supabase replication.

Reactive hooks connect paginated lists and detail views to local data, with existing replication handling server synchronization.

Team contribution · Sep 2025–Feb 2026
Official MapTrack asset register showing equipment rows, availability statuses, locations and tag identifiers.
Official MapTrack product interface — asset register.
Official MapTrack mobile asset details showing equipment category, make, model and fleet number inside its original device frame.
Official MapTrack product interface — mobile asset details.

Product-level visual references; these images do not identify my delivered screens or demonstrate the RxDB integration. Source: MapTrack

Team contribution

BBGE

Desktop messaging & media

React / TypeScript / Tauri / LiveKit

A clearer desktop experience for conversations and calls.

I redesigned messaging and login flows, then worked on call state, permissions, and screen sharing.

Desktop interface changes were integrated into development branches; the mobile screen-share receiver was a separate contribution.

Team contribution · Desktop changes integrated
BBGE’s desktop chat with a conversation list, text and voice messages, and a shared video.
BBGE’s desktop conversation view. Figma design preview with sample content.

04 / Open-source project

Fieldwork.

React / React Native / Expo / TypeScript / Fastify / SQLite

Complete inspections without a signal.

I built a React dispatch desk and an Expo app that lets field workers save checklists and photos offline and sync their reports when they reconnect.

The web and Expo apps share a TypeScript sync engine. Stable submission IDs keep a retry from creating a duplicate report.

Open source · Early development

Read Fieldwork case study Watch offline sync Source on GitHub
Fieldwork’s dispatch desk showing inspection work orders with assignees, due dates, and status filters.
Fieldwork’s web dispatch desk with sample work orders from the project’s README.

Team contribution

Trait

Mobile calls & workspaces

React Native / TypeScript / Rust SDK integration / Go service integration

Calls that need to work beyond the chat screen.

I connected React Native call screens to realtime media and server state, and added workspace loading and recovery flows.

My work on call cleanup, workspace recovery and typed mini-app hosting was merged into the team codebase.

Released product · Team contribution

Integration overview

Mobile calls,
shared state.

  • Native call screen
  • React Native + media
  • Server state

Handled across these boundaries

  • Joining
  • Cancellation
  • Cleanup
A simplified diagram of the call integrations I worked on with the Trait team.View Trait case study

More work in desktop messaging, mobile SDK integration, and browser creative tools.

View all seven projects

02 / Engineering practice

How I build.

Frontend architecture

React, React Native, TypeScript, navigation, and responsive interaction.

Conversation flows in BBGE; the Expo mobile app in Ech0.

Reactive data

Next.js, RxDB live queries, pagination and local-first mutations with Supabase replication.

Offline asset, audit and timeline workflows in MapTrack.

Realtime & native

Calls, media, permissions, LiveKit, WebRTC, and native entry paths.

Call lifecycle and workspace readiness in Trait.

State & integration

SDK contracts, recovery flows, native SDK boundaries, and focused tests.

SDK-backed history, media retries, and message-state consistency in Ech0.

Offline workflows

Shared TypeScript sync rules, IndexedDB, SQLite, queued submissions, and conflict recovery.

Offline drafts and report retries across React and Expo in Fieldwork.

Testing and delivery

Playwright, pytest, real media fixtures, Docker and GitHub Actions.

Editor validation and deployment in Cutroom.

03 / Background

Recent experience.

I’ve worked in frontend development since 2020.

I pay attention to what happens when a connection drops, a permission is missing, or data arrives late.

  1. Nov 2024 – Oct 2026

    PT. Citra International Digital

    Frontend Engineer · Full-time

    Contributed to web, desktop and React Native applications within the BBGE, Trait and Ech0 teams.

  2. Sep 2025 – Feb 2026

    MapTrack

    Software Engineer · Part-time

    Built Next.js asset-management, audit and timeline interfaces while migrating frontend data access to an offline-first approach using RxDB and Supabase.

  3. May 2024 – Jan 2026

    Parallax Network

    Frontend Engineer · Part-time

    Built Next.js creative-tool interfaces and integrated Fabric.js canvas workflows for creating and editing visual content in the browser.

View my full work history

Hiring a frontend engineer?

Let’s talk.

I’m based in Indonesia and open to remote teams worldwide. Send me the role and a little about your team.

Email me about a role[email protected]Connect on LinkedIn GitHub / tedy69View résumé