Senior Frontend Engineer · 13+ years

I build enterprise-grade frontends that hold up under real traffic.

For over a decade I've shipped web platforms for telecom operators, banks, and media groups — self-service portals, analytics dashboards, and operational tools used by hundreds of thousands of people every day.

View Case Studies
13+
Years experience
35+
Enterprise projects
250K+
Daily active users reached
5
Industries served
Dedi Kusniadi

Currently at Axiata Digital Labs

Leading frontend for enterprise SaaS & telecom platforms.

About

Frontend engineering for systems people depend on.

I've spent my career inside large organizations — telecom, banking, media — where a slow page or a broken flow has real cost. I bring that context to every screen: performance budgets, accessibility, and architecture that stays maintainable as teams grow.

My work sits at the intersection of engineering and product. I lead frontend architecture, build design systems, and coordinate with backend, QA, and design teams to ship features that scale — from a 3-person startup to 2,000+ concurrent dispatchers on a logistics platform.

Over 35 enterprise projects, I've repeatedly cut load times by 40–60%, reduced support load through self-service flows, and helped teams move from slow release cycles to continuous delivery.

Technology focus areas

Frameworks

ReactNext.jsAngularVue.jsFlutter

State & Data

ZustandReduxPiniaTanStack QueryRESTGraphQL

Styling & UI

Tailwind CSSSCSSBootstrapAngular MaterialFigma

Testing & Quality

JestVitestPlaywrightCypressKarma/Jasmine

Tooling & Delivery

WebpackViteDockerCI/CDGit

Backend & Infra

Node.jsNest.jsRedisRabbitMQFirebase

Case Studies

Selected work, in depth.

Five flagship projects with my role, the measurable results, and the architecture decisions that made them work.

Logistics Management System
01Enterprise Logistics

Logistics Management System

freelance

Real-time shipment tracking and route optimization platform built for a national logistics operator handling millions of parcels a year.

My role:Lead Frontend Engineer
  • Architected a modular React + TypeScript SPA that serves 2,000+ concurrent dispatchers
  • Built live tracking views over WebSocket, cutting map refresh latency from 30s to under 1s
  • Designed route-optimization flows with Zustand, enabling six squads to ship in parallel
  • Introduced a token-based design system, reducing UI defects by roughly 35%
2.4s
Page load (was 8.1s)
99.9%
Platform uptime
40%
Faster dispatch decisions
1.2M+
Shipments tracked / year
ReactTypeScriptZustandLeafletWebSocket
System Architecture
EdgeCDN · WAF
ClientReact SPA · Leaflet Maps
API GatewayREST · WebSocket
ServicesTracking · Routing · Auth
DataPostgreSQL · Redis cache
Engineering Notes

Live positions stream through a WebSocket channel while route optimization runs as a separate service, keeping the UI responsive even at peak load. State is split by domain in Zustand stores so each squad owns a slice without cross-team merge conflicts.

Enterprise Analytics Dashboard
02Data & Analytics

Enterprise Analytics Dashboard

Retail Group

Real-time analytics dashboard aggregating sales, inventory, and traffic data for a nationwide retail operation across 250,000+ monthly active users.

My role:Senior Frontend Engineer
  • Led the Vue 3 + Pinia rewrite of a legacy report suite into a single live dashboard
  • Engineered virtualized tables and chart reuse, keeping 60+ KPIs interactive without jank
  • Defined the data fetching layer so reports render within 2 seconds on first paint
  • Worked with backend to shape aggregation APIs, cutting payload size by half
250K+
Monthly active users
<2s
Dashboard first render
45%
Less time building reports
60+
Live KPIs on one screen
Vue.jsTypeScriptPiniaChart.jsREST
System Architecture
EdgeCDN
ClientVue SPA · Virtualized grids
API GatewayREST · Aggregation
DataClickHouse · PostgreSQL
Engineering Notes

Pre-aggregated endpoints return summary-level data for first paint, with drill-downs fetching detail on demand. Virtualization keeps 10,000-row tables smooth, and chart instances are pooled to avoid memory growth on long-lived sessions.

Telin Enterprise Portal
03Telecommunications

Telin Enterprise Portal

Telin (Telekomunikasi Indonesia Intl.)

Self-service enterprise portal consolidating billing, service orders, and support for international telecom customers.

My role:Frontend Engineer
  • Rebuilt the Angular 11 frontend with lazy-loaded modules, halving initial bundle size
  • Standardized Bootstrap 4 + custom SCSS tokens into a maintainable UI kit
  • Shipped accessibility improvements, lifting Lighthouse a11y score from 62 to 95
  • Collaborated with product to cut onboarding from 5 steps to 2, lifting activation rate
100K+
Enterprise users served
3.2x
Faster account onboarding
99.9%
Portal uptime
30%
Fewer support tickets
AngularTypeScriptBootstrapSCSSREST
System Architecture
EdgeCDN · WAF
ClientAngular SPA · Lazy modules
API GatewayREST · OAuth2
ServicesBilling · Service Order · Support
DataOracle DB · Redis
Engineering Notes

Each business domain ships as a lazy-loaded Angular module, so users only download what they open. A shared UI kit built on design tokens keeps dozens of teams visually consistent without duplicated styles.

E-Working Permit
04Compliance / HR

E-Working Permit

Enterprise Compliance Group

Digital work-permit platform replacing a paper process for a multi-site industrial group, with full approval workflows and audit trails.

My role:Frontend Engineer
  • Designed the end-to-end approval flow with Angular Material, from request to sign-off
  • Built step-wizard forms with conditional validation, cutting submission errors by 60%
  • Added PDF generation and audit logging, achieving 100% paperless compliance
  • Partnered with QA to reach 85% unit test coverage across critical workflows
10K+
Permits processed / month
5d→1d
Approval cycle time
98%
Audit compliance rate
100%
Paperless workflow
AngularTypeScriptAngular MaterialKarma/JasmineREST
System Architecture
EdgeCDN
ClientAngular SPA · Step wizard
API GatewayREST · Auth
ServicesPermit · Approval · Audit
DataPostgreSQL · Object storage
Engineering Notes

Form state is captured per step and only submitted once fully validated, which keeps partial drafts recoverable. Every action writes to the audit service, so compliance reports are generated without extra data entry.

ADA BSP
05Business Support Systems

ADA BSP

ADA (Business Support Partner)

Business support system for a partner management network, visualizing complex relationships and transaction flows in real time.

My role:Frontend Engineer
  • Implemented complex relationship graphs and data visualizations on Angular
  • Optimized large-list rendering, holding 50K-row views at 60fps
  • Standardized reusable chart components shared across modules
  • Introduced route-level code splitting, cutting cold start time by 40%
1M+
Data points processed / day
25%
Faster analyst workflows
15+
Integrated data sources
60fps
Large-list interactions
AngularTypeScriptAngular MaterialD3.jsREST
System Architecture
EdgeCDN
ClientAngular SPA · D3 visualizations
API GatewayREST · Auth
ServicesPartner · Transaction · Report
DataPostgreSQL · ClickHouse
Engineering Notes

Heavy visualization logic is isolated into worker-friendly modules and chart data is normalized client-side. Code splitting means the login-critical path loads first while visualization bundles stream in after authentication.

More Work

Selected projects

A sample from 35+ delivered projects.

XL — BAU Automation

Business-as-usual automation platform for XL Axiata operations.

AngularAngular Material

Axonect

Enterprise Angular application with comprehensive unit test coverage.

AngularFigma

Widget Accessibility

WordPress plugin using TensorFlow.js for AI-powered accessibility.

TensorFlow.jsJavaScript

Ayo Jakarta

Flutter mobile app with Firebase backend for Jakarta city services.

FlutterFirebase

Point of Sale

High-performance POS with Recoil state and full test coverage.

ReactRecoil

Koran Bisnis

Digital newspaper platform for Bisnis Indonesia publication.

CodeIgniterBootstrap

Experience

Career path

Senior Frontend Engineer

2020 — Present

Axiata Digital Labs

  • Lead frontend architecture for SaaS platforms, mobile apps, and WordPress plugins
  • Design and maintain a shared design system used across 6 product squads
  • Cut median page load time by 45% via code splitting and cache strategy
ReactReact NativeTypeScriptAngularZustand

Senior Software Engineer

Jan 2020 — May 2020

Kreasi Digital Indo Utama

  • Led frontend for restaurant & POS systems handling high-volume real-time orders
  • Built touch-screen and mobile ordering interfaces used on the sales floor
PHPLaravelReactMySQL

Senior Software Engineer

Oct 2019 — Dec 2019

Ayo Media Network

  • Full-stack development for a high-traffic media platform
  • Shipped iOS & Android apps with Flutter alongside the web experience
FlutterCodeIgniterLaravelMySQL

Frontend Developer

Jun 2019 — Sep 2019

Bank BTPN Tbk

  • Built mission-critical banking applications: back-office, compliance, risk tools
  • Adhered to strict banking security and audit standards in every screen
AngularSCSSNode.jsAngular Material

Web Developer

Jun 2018 — Aug 2019

Bisnis Indonesia Sibertama

  • Developed and maintained digital products for Bisnis Indonesia's media network
  • Owned the frontend for editorial and subscription flows
CodeIgniterJavaScriptMySQLjQuery

Software Developer

Aug 2015 — Jul 2018

Bisnis Indonesia

  • Built the media platform and native mobile apps across multiple stacks
  • Covered the full lifecycle from requirements to production releases
AngularJSFlutterCodeIgniterIonic

Junior Software Developer

Aug 2013 — Dec 2013

Springfields

  • Developed internal applications and public service portals
  • Focused on secure, maintainable code from day one
PHPCodeIgniterMySQLCSS

Contact

Let's build something that scales.

Open to senior frontend roles, consulting, and long-term collaborations with teams that care about craft and reliability.

Get in touch
Indonesia (remote-friendly)LinkedInGitHub