Open to Front-End roles

Web Developer / Front-End Developer

Phung Kim Thong

Building scalable web systems.

Enterprise Angular developer focused on Design Systems, shared component libraries and maintainable UI architecture for large internal portals.

  • Angular
  • TypeScript
  • RxJS
  • Nx Monorepo
  • Storybook

Engineering reusable UI at enterprise scale

I am a Web Developer with over 3 years of experience building large-scale enterprise applications in Angular. My work centers on Design Systems and shared component libraries that keep product teams consistent and fast.

At BRAVO, I designed and built a Design System and Input Control suite for an internal portal from the ground up, creating 22 libraries in an Nx monorepo with full build, lint, test configuration and Storybook documentation.

I optimize interactive controls with RxJS, cancel stale requests with switchMap, and dig into third-party cores when performance depends on it - from Data Grid column auto-fit to PDF Viewer and Signature flows. Back-end grounding in .NET, SQL Server and Oracle helps me collaborate cleanly with API teams.

22 Nx libraries shipped in UI Core

Core stack

  • Angular
  • TypeScript
  • RxJS
  • Nx Monorepo
  • Storybook
  • Design Tokens

Also comfortable with

.NET · ASP.NET Web API · SQL Server · Oracle · PostgreSQL

Projects that show how I build

Case-driven work across Design Systems, enterprise portals and full-stack delivery.

Featured 03/2025 - Present BRAVO Software Joint Stock Company Team 5

UI Core & Design System

Design System and shared Input Control suite for an internal enterprise portal on Angular (Nx monorepo). Principal author of core directives, Storybook documentation and infrastructure upgrades used system-wide.

22Libraries
5Team
NxMonorepo
RxJSPerformance

Overview

Designed and built the Design System and a shared Input Control suite for BRAVO's internal portal from scratch. Created 22 new libraries in the Nx workspace, authored core directives for animation, step navigation and password rules, and applied RxJS to optimize search, upload and data-display controls. In parallel, maintained and upgraded core infrastructure modules (Data Grid, PDF Viewer, iframe handling, viewport) serving the whole system.

Design System

Token-driven theming foundation used across the component library.

Color tokens Palette · semantic roles
Typography Scale · hierarchy
Spacing Rhythm units
Box shadows Elevation
Border tokens Width · radius
Theming Library-wide base

Shared components

Input Controls
  • Text Box
  • Numeric Box
  • Date Box
  • Password Box
  • Checkbox
  • Radio
  • Toggle
  • Select / Dropdown
Media & Upload
  • Avatar Upload
  • Media Upload
  • Attach File
  • Drag & Drop Zone
  • Image Editor

Crop, colour adjustment, filters, annotation, stickers (Canvas API).

Other UI
  • Button
  • Icon
  • Notification
  • Modal
  • Drawer
  • Progress
  • Feedback Controls

Notification system with grouping and action handling.

Architecture

Angular Application Nx Monorepo Shared Libraries Design System Component Libraries Enterprise Portal

Engineering challenges

Data Grid auto-fit

Optimized auto-fit column-width calculation with deep debugging in the third-party grid layer.

PDF Viewer / Signature

Upgraded a multi-library architecture, isolated it via iframe and standardised communication.

iframe isolation

Preserved iframe state during an Angular upgrade and kept embedded surfaces stable.

Viewport & touch scroll

Optimised touch-enabled scrolling and restructured the Viewport Service for iOS.

RxJS optimization

State via BehaviorSubject/Subject. Applied debounceTime, switchMap and distinctUntilChanged for search, resize and data-loading, including stale request cancellation.

Shared core directives

Animation orchestration, password-rule validation, step-process navigation and declarative property binding.

TypeScript / ES2022

Path aliases for new libraries and a workspace-wide TypeScript target upgrade to ES2022.

Library infrastructure

22 libraries with build/lint/test scaffolds plus Storybook docs for most of the component library.

Angular (Standalone Components, Signals) · TypeScript · RxJS · Nx Monorepo · Storybook · SCSS / Design Tokens · Canvas API

08/2024 - 02/2025 ICORP Team 10

Administrative Violation Management

Administrative violation processing system. Built shared components, unified the UI and delivered modules for violation records, penalty decisions and case progress monitoring.

  • Lookup, record retrieval and violation-document export
  • Business process integration for legal compliance
  • Database schema for evidence, seized assets and offender information

.NET Web API · LLBL Gen · Angular 17 · PostgreSQL

02/2024 - 05/2024 Featured project Team 3

Gym Management Software

Full-stack gym product covering customers, employees, membership cards, lockers and invoices - from shared UI through API services to deployment.

  • Backend: DbContext, repositories, DTOs, shared services, JWT auth
  • Frontend: shared components, API services, business screens
  • Database design and deployment to 123Host and MyASP

Angular 17 · ASP.NET Web API · SQL Server · JWT

Where the work happened

  1. 03/2025 - Present

    Front-End Developer

    BRAVO Software Joint Stock Company

    Lead design and implementation of UI Core & Design System for the internal portal: 22 Nx libraries, shared controls, Storybook and core infrastructure upgrades (Data Grid, PDF Viewer, iframe, viewport).

  2. 08/2024 - 02/2025

    Software Developer

    ICORP

    Delivered Administrative Violation Management on Angular 17 and .NET Web API: shared UI, violation workflows, document export and PostgreSQL schema design.

  3. 01/2023 - 07/2024

    Web Developer

    Tinh Van Consulting

    Enterprise management solutions for consulting clients. Built employee portal UI, dashboards, insurance/payroll/records features, UAT fixes and Excel export procedures across multiple HR platforms.

    VNS

    01/2023 - 07/2023 · Team 20

    VNSTEEL HR management. C#.NET, Angular 17, SQL Server.

    VEAM

    07/2023 - 12/2023 · Team 10

    HR management. C#.NET, Angular 17, SQL Server.

    VINATEX

    09/2023 - 02/2024 · Team 10

    HR management. C#.NET, Angular 17, SQL Server.

    ABBDEMO

    03/2024 - 07/2024 · Team 10

    Comprehensive HR solution: insurance, payroll, org structure, training, portal approval workflows and mobile-triggered API fixes. VB.NET, Oracle, ASP.NET Web MVC.

Tools I use to ship durable UI

Frontend

  • Angular
  • TypeScript
  • RxJS
  • HTML
  • CSS / SCSS

Architecture

  • Nx Monorepo
  • Design Systems
  • Storybook
  • Shared Component Libraries

Backend

  • .NET Core
  • ASP.NET Web API
  • Java
  • PHP

Database

  • SQL Server
  • Oracle
  • PostgreSQL

Education, certificates & awards

09/2021 - 06/2024

Hanoi College of High Technology

Associate Degree - Software Application

GPA8.6

Certificates

  • Office Informatics Certificate05/2024
  • Soft Skills Certificate05/2024

Hanoi College of High Technology

Award

  • Third Prize, School-level Skills Competition03/2022

Hanoi College of High Technology

Have a project or opportunity?

Open to Front-End and Angular roles where Design Systems, component architecture and long-lived enterprise UI matter.