Hi!

Welcome to my resume

Pathompong Thitithan

Software Engineer (Frontend) | React · TypeScript · UI Engineering

Summary

Frontend Developer with 1.5+ years building production-grade web applications, specializing in React, TypeScript, and performance-critical UI. Delivered complex real-time features at Hybiot — including a multi-stream live monitoring system and a highly customizable dashboard — requiring deep work in browser media APIs, buffer management, and cross-component state synchronization. Background in 3D visual production sharpens intuition for UX flow, animation, and translating complex system behavior into clear user interfaces. Driven by technical ownership and shipping things that actually work.

Experiences

in most recent order

Front-End Developer - Hybiot

Oct 2024 - Present

- Multiple Video Playback Streams: Identified a client-side playback limitation in the legacy go2rtc setup. Drove R&D to implement Native MSE and HLS while maintaining full backward compatibility. Improved CCTV monitoring UX by enabling seamless timeline scrubbing, seeking, and dynamic speed control. Introduced an 'Out-of-Buffer' indicator to clearly communicate network fetching states, significantly enhancing practical usability for users monitoring up to 16 simultaneous streams.

- Buffer Management Logic: Engineered custom buffer management logic for Native MSE, ensuring synchronized playback across multiple video instances without memory leaks — including rolling buffer cleanup (retaining ~30s for rewind), and pre-buffer calculation scaled by playback speed.

- Dual-Buffer Video Component: Implemented a dual-buffer approach using React useRef to toggle between two pre-initialized <video> elements for legacy camera types — avoiding unnecessary re-renders, with proper cleanup on unmount including src removal, HLS instance destruction, and in-flight request abortion to prevent memory leaks.

- Video Event Detection & Zone Configuration: Integrated the Hikvision SDK for real-time video event detection, including an interactive polygon drawing UI for defining detection zones. Handled coordinate normalization from 1000×1000 bottom-left origin to canvas space, and resolved aspect ratio scaling bugs (e.g., 4:3 to 16:9) by refactoring matrix transformations into trigonometry-based calculations.

- Free Dashboard Feature: Developed a highly customizable dashboard system allowing users to configure and save personalized widget layouts — supporting 8+ widget types mapped to platform feature modules, designed to scale as new features are added.

Freelance Front-End Developer - BONIOLABS

Aug 2024 - Present

Built frontend features for an early-stage startup product using Angular with NestJS backend integration — expanded cross-framework experience beyond React, contributing to UI implementation and feature scoping alongside a small cross-functional founding team.

Lead Layout - Yggdrazil Group

Jan 2022 - Sep 2024

- Team Leadership & Pipeline: Led a layout production team of 6 artists, coordinating with technical pipeline teams to resolve cross-departmental bottlenecks and standardize production workflows.

- Workflow Automation Toolset: Streamlined 3D layout workflows by developing a centralized Python UI for camera management in Autodesk Maya. Implemented a 'Snap-to-Preview' feature that eliminated tedious manual axis adjustments, drastically reducing shot setup time and improving team experience. Adopted across the full team and open-sourced on GitHub (Layout Tools for Maya).

- Career Transition: Bridged creative and technical teams — translating production requirements into tooling solutions.