Skip to content
portfolio.tsx
Open to senior frontend roles & select freelance work

Andreas Billy SutandiSenior Frontend Engineer

Senior frontend engineer with 8+ years shipping React & Next.js products end-to-end — from pixel-perfect UI to the Java/Spring backends behind them.

engineer.ts
// 01 — about.md

About

Portrait of Andreas Billy Sutandi

I'm a frontend-focused fullstack engineer based in Indonesia. I care about the details that users feel but rarely notice: sub-second loads, buttery interactions, and interfaces that work for everyone. I've delivered 50+ projects and led the frontend for a travel-insurance platform used by thousands.

I'm Andreas Billy Sutandi, a Senior Frontend Engineer based in Bogor, Indonesia with over 8 years of professional experience. I specialize in React, Next.js, TypeScript and React Native, backed by solid Java/Spring Boot experience that lets me own features across the full stack. At ATI Business Group I lead frontend architecture for enterprise travel and insurance products, where I introduced reusable component systems, improved Core Web Vitals, and mentored junior engineers. I'm the kind of engineer who reads the spec, questions it, and ships something better — with clean code, scalable architecture, and a relentless focus on user experience. Outside of code, I'm a musician (piano and violin), which keeps my sense of rhythm and structure sharp.

  • 8+ years building for the web
  • Bogor, Indonesia (UTC+7) · open to remote
  • Musician — piano & violin

Andreas owns the frontend end-to-end. He turned a vague brief into a polished, fast product and made the whole team faster with the component library he built.

Engineering Lead · Product Engineering, ATI Business Group

Rare combination of design sensibility and deep technical chops. Our Core Web Vitals went green and stayed green after he joined.

Product Manager · Travel & Insurance, Amanyaman
// 02 — experience.json

Experience

A timeline of roles where I've shipped real products for real users.

  1. Senior Frontend Engineer (Fullstack) @ ATI Business Group

    2018Present

    Bogor, Indonesia (Hybrid)

    Lead frontend engineering for enterprise travel & insurance products, owning everything from the React/Next.js UI to the Java/Spring Boot services behind it.

    • Led the frontend for Amanyaman, a travel-insurance platform, contributing to a 60% increase in user engagement.
    • Built a reusable component library and design system that cut new-feature delivery time by ~30%.
    • Improved Core Web Vitals to all-green by code-splitting, image optimization, and rendering strategy changes.
    • Mentored junior engineers and established code review + accessibility standards for the team.
    React
    Next.js
    TypeScript
    Redux
    Java
    Spring Boot
    PostgreSQL
  2. Frontend Engineer & Consultant @ Independent / Freelance

    2016Present

    Remote

    Partner with startups and agencies to ship polished marketing sites and web apps with React, Next.js, and Tailwind — over 50 projects delivered.

    • Delivered 50+ client projects ranging from landing pages to full web apps.
    • Built modern Next.js apps using Server Actions, infinite scroll, and Framer Motion.
    • Specialized in turning Figma designs into pixel-accurate, accessible interfaces.
    Next.js
    React
    TypeScript
    Tailwind CSS
    Framer Motion
    shadcn/ui
// 03 — projects

Selected Projects

Each card opens a full case study: the problem, my solution, the stack, and measurable results.

amanyaman.tsx

Amanyaman — Travel Insurance Platform

Buying and claiming travel insurance online was slow and confusing. The legacy flow had a high drop-off rate and an internal claims tool that was painful to use.

60% increase in user engagement after the redesign

Next.js
React
TypeScript
Redux
+3
Case study
anime-banks.tsx

Anime Banks — Next.js 14 Catalog

I wanted a hands-on reference implementation of the newest Next.js App Router features — Server Actions, server-side data fetching, and smooth motion — in a single cohesive app.

Zero client-side data-fetching libraries — pure RSC + Server Actions

Next.js 14
React Server Components
Server Actions
TypeScript
+2
Case study
real-estate-ai.tsx

Real Estate AI

Real-estate listing UIs are repetitive to build. I wanted to explore how much of the UI scaffolding could be generated and then refined by hand for production.

Demonstrated an AI-assisted design-to-code workflow

Next.js
React
JavaScript
Tailwind CSS
Case study
nike-clone.tsx

Nike Landing Page

A focused exercise in marketing-grade visual polish: recreate a premium product landing page with perfect responsiveness and typography.

Pixel-accurate, fully responsive layout

Next.js
Tailwind CSS
React
Case study
// 04 — skills.ts

Skills & Toolkit

Grouped by how I actually use them — with an honest sense of depth, not just logos.

Frontend

Building interfaces that are fast, accessible, and a joy to use.

  • React
  • Next.js (App Router)
  • TypeScript
  • React Native
  • Tailwind CSS
  • Framer Motion
  • Angular

Architecture & Performance

Design systems, RSC, Core Web Vitals, and maintainable codebases.

  • React Server Components
  • Design Systems
  • Web Performance / CWV
  • Accessibility (WCAG)
  • Testing

Backend & Data

Comfortable owning the API and data layer behind the UI.

  • Node.js
  • Java / Spring Boot
  • REST APIs
  • PostgreSQL
  • MongoDB

Tooling & Workflow

The day-to-day toolkit for shipping reliably with a team.

  • Git / GitHub
  • Figma
  • CI/CD
  • Vercel
  • Agile / Scrum
// 05 — contact.sh

Let’s build something

Open to senior frontend roles & select freelance work. Drop a message — I read every one.