10+ years crafting frontend experiences

Hi, I'm Dio.
Senior Frontend Developer.

I build high-performance web applications that serve millions of users. 10+ years crafting fast, scalable products with React, Next.js & TypeScript — from design systems to micro-frontends.

View my workDownload CV
Jakarta, Indonesiadio.adhita@gmail.comLinkedInGitHub
Portrait of Dio Adhita Saputra
10+ yrs
Frontend craft
10+
Years Experience
90+
Components Built
40%
Performance Gain
10+
Apps Delivered
About

A little about me

Dio Adhita Saputra

Dio Adhita Saputra

Senior Frontend Developer

Jakarta, Indonesia

I'm a frontend developer who has spent the last decade turning complex product ideas into fast, reliable web apps. These days I'm at tiket.com, Indonesia's largest travel platform, where the things I build reach millions of users. I enjoy the less glamorous parts of the craft — shaving milliseconds off load times, building design systems teams actually like using, and shaping architecture so squads can ship without stepping on each other.

I'm endlessly curious about the how and why behind the systems we build, and I'm always learning something new — that curiosity is what keeps the work fun and the products getting better.

Education

Bachelor's Degree, Information Technology

BINUS University

2011 – 2015

Leadership

  • Chief Resource Officer

    Bina Nusantara Computer Club (BNCC)

    Oct 2013 – Sep 2014

  • Staff of Member Community

    Bina Nusantara Computer Club (BNCC)

    Jul 2012 – Jul 2013

Experience

10+ years building for scale

From early-stage startups to Indonesia's largest travel platform.

Senior Frontend Developer

Oct 2019 – Present

tiket.com (PT. Global Tiket Network)

Indonesia's #1 online travel platform serving millions of users for flights, hotels, trains, and events.

  • Led design system development with 90+ reusable components used across 10+ applications, reducing development time by 30%.
  • Architected micro-frontend infrastructure with Webpack Module Federation, enabling 5+ teams to deploy independently.
  • Optimized Core Web Vitals achieving 40% faster page loads via SSR, code splitting, lazy loading, and bundle optimization.
  • Built a partner portal serving 500+ event organizers with real-time QR code scanning, handling 10,000+ daily redemptions.
  • Maintained 80%+ test coverage with automated CI/CD pipelines, reducing production bugs by 50%.
  • Mentored junior developers and established frontend best practices and coding standards across the team.

Frontend Developer

Oct 2017 – Oct 2019

Urbanhire

HR-tech startup empowering companies with recruitment and employer branding solutions.

  • Developed recruitment platform features used by 100+ companies to streamline their hiring process.
  • Established frontend best practices and coding standards across the engineering team.
  • Optimized application performance, reducing page load time and improving user engagement.
  • Collaborated closely with Product and Design to deliver intuitive user experiences.

Frontend Developer

Dec 2015 – Oct 2017

IndoTrading.com

B2B e-commerce marketplace connecting Indonesian SMEs with global buyers.

  • Built responsive web interfaces using modern JavaScript technologies.
  • Improved website performance and optimized SEO for better search rankings.
  • Designed and integrated new technology solutions to enhance platform capabilities.
  • Researched and implemented UI/UX improvements based on user feedback and analytics.

Graphic Web Designer

Nov 2014 – Oct 2015

Sukamol

Creative studio delivering web design and visual assets for clients.

  • Created web designs and visual assets for client projects.
  • Developed frontend implementations translating designs into functional interfaces.
Featured Work

Selected impact

A few initiatives I led or shaped — measured by the outcomes they drove.

Side project · Live

lrtroute.my.id

LRT Jabodebek Route & Schedule

A public web app to check the next LRT Jabodebek train, full schedules, routes, and fares — built to make daily commuting around Jakarta easier and faster.

Live in productionPublic appReal-time schedule
Next.jsTypeScriptTailwind CSS

Component library at scale

Enterprise Design System

Architected and led a design system of reusable, accessible components adopted across the entire product suite, documented in Storybook with strict typing and visual regression testing.

90+ components10+ apps-30% dev time
ReactTypeScriptStorybookSCSS

Independent team deployments

Micro-Frontend Platform

Designed a micro-frontend architecture using Webpack Module Federation, letting multiple squads build, version, and ship their slices of the app independently without release bottlenecks.

5+ teamsIndependent deploysModule Federation
Webpack 5ReactNext.jsDocker

Real-time ticket redemption

Event Partner Portal

Built a partner portal for event organizers with real-time QR code scanning and dashboards, reliably processing tens of thousands of ticket redemptions every day.

500+ organizers10,000+ daily scansReal-time
Next.jsGraphQLTypeScript

Performance engineering

Core Web Vitals Optimization

Drove a platform-wide performance initiative with SSR, code splitting, lazy loading, and bundle optimization, dramatically improving load times and Core Web Vitals scores.

40% faster loadsSSRBetter CWV
Next.jsWebpackReact
Skills

The toolkit

Technologies I use day-to-day to ship reliable, performant interfaces.

Languages

TypeScriptJavaScript (ES6+)HTML5CSS3 / SCSS

Frameworks

React 18/19Next.js 14/15ReduxZustand

Data & APIs

TanStack QueryGraphQL (Apollo)REST APIs

UI & Styling

Material-UITailwind CSSSCSS ModulesStorybook

Testing

JestReact Testing LibraryMSWCypress

DevOps & Tools

Webpack 5ViteDockerJenkinsSonarQubeGit

Certifications

React: Software Architecture
React: Design Patterns
Powering Up With React
Accelerating Through Angular 2
Contact

Let's build something exceptional.

Always happy to chat about frontend, design systems, and building great products. Feel free to reach out.

dio.adhita@gmail.com