id

Software Engineer (Frontend)

LuthfiAnanda.

Lompii

online · Semarang

↗ pick a reply to keep chatting

01About

Luthfi Ananda
That's me! 👋

I'm Luthfi — most people call me Lompii — a software engineer focused on frontend at PT Mitra Kasih Perkasa (MKP) since April 2024. I work in the Travel Tech unit on Tessera, and help the Parking unit ship the apps its customers use.

On Tessera I led the move to Next.js Multi-Zones, built white-label branding so every corporate client sees its own colours, and started the i18n hook the whole platform now uses. I like the work where architecture and small UI details meet.

I graduated in Informatics Engineering from Universitas Dian Nuswantoro with a 3.93 GPA. Next, I want to go beyond the browser: mobile and MPOS, backend and DevOps.

  • Semarang, Indonesia
  • Mobile, backend & DevOps

Latest education

B.Sc. Informatics Engineering

Universitas Dian Nuswantoro · 2020 — 2024

GPA 3.93 / 4.00 · Thesis published in JTSI (2023): a web marketplace for recyclable waste.

02Skills

No percentage bars — just the tools I reach for every week.

Languages

  • TypeScript
  • JavaScript
  • HTML
  • CSS

Frameworks & libraries

  • React
  • Next.js
  • Electron
  • Tailwind CSS
  • MUI
  • Zustand
  • Redux Toolkit
  • TanStack Query
  • Framer Motion

Tools

  • Turborepo
  • Vite
  • Git
  • GitLab CI
  • Docker
  • Playwright
  • Figma

Currently learning

  • Mobile (MPOS)
  • Backend
  • DevOps

03Projects

A few things I've designed, built and shipped.

Frontend engineer · ~970 commits, #2 contributor2025 — Now

Tessera

A micro-frontend travel booking platform — bus, flight, hotel, KAI & European rail, ferry, PELNI and attractions — for corporates (B2B) and consumers via Tessera Lifestyle, live inside GoPay. I led the move to Next.js Multi-Zones and built per-corporate white-label branding with CSS design tokens, dark mode and a custom i18n hook.

  • Next.js 16
  • Multi-Zones
  • Turborepo
  • TypeScript
  • MUI
  • Tailwind
  • Zustand
  • TanStack Query

Freelance · sole frontend engineer2026

Retroppies Photobooth

A multi-tenant photobooth franchise system: an Electron kiosk (QRIS payment, photo + video capture, WebGL filters, borderless A6 printing, iOS-ready MP4 via ffmpeg, auto-update with rollback), a tenant dashboard with analytics, and a no-login PWA where guests grab their photos by QR code.

  • Electron
  • React
  • TypeScript
  • WebGL
  • ffmpeg
  • MUI
  • TanStack Query
  • Playwright
  • PWA

Main author · ~97% of commits2024 — Now

Membership Parkir Web

A mobile-first web app for selling and renewing parking memberships, live at Kawasan Industri Maspion, Gresik — QRIS, Virtual Account and card payments, role-based tenant quotas and signed requests. One of the products growing the Parking unit's service-fee revenue.

  • React
  • Vite
  • TypeScript
  • Redux Toolkit
  • Tailwind
  • shadcn/ui
  • Zod

More things I've made

04Journey

  1. Apr 2026 — Now

    Software Engineer (Frontend) @ PT Mitra Kasih Perkasa

    Travel Tech unit — Tessera, a 10-app booking platform for B2B corporates and Tessera Lifestyle in GoPay — while still helping the Parking unit.

    • ↗ Led the migration to Next.js Multi-Zones
    • ↗ Built white-label corporate branding on --tsr-* design tokens
    • ↗ Dark mode across 10 products
    Work
  2. May 2026 — Now

    Freelance Frontend Engineer @ Retroppies

    Sole frontend engineer on a photobooth franchise system: Electron kiosk, tenant dashboard and guest PWA.

    Work
  3. Apr 2024 — Mar 2026

    Junior Software Engineer (Frontend) @ PT Mitra Kasih Perkasa

    Built Membership Parkir Web and Parking widgets for UDBM, then joined Tessera across Bus, Flight, KAI and European rail.

    • ↗ Membership Parkir live at Kawasan Industri Maspion, Gresik
    • ↗ Started Tessera's custom i18n hook
    Work
  4. 2020 — 2024

    B.Sc. Informatics Engineering @ Universitas Dian Nuswantoro

    GPA 3.93 / 4.00 · Thesis published in JTSI (2023): a web marketplace for recyclable waste.

    Education
  5. Aug — Dec 2022

    MSIB Batch 3 · Front-End Web @ Dicoding × Kampus Merdeka

    Led a team of 4 on Reforma Trash Project, which won Best Capstone Project.

    Education

05Beyond code

Story games, late-night streams, and a fighting-game community I keep showing up for.

Player 1Tekken 8
Luthfi AnandaMain · Jin Kazama

Lompii

Luthfi Ananda · Rank: God of Destruction 5

Execution
88
Ship speed
91
Kopi intake
99
Ranked patience
37

Special move

Ship it

type S D P or ↓ → P — or tap the keys

Player 1

Lompii

Back side — coming soon

Community · Tekken 8 · FGC Semarang

Semarang Gelut Xtreme

Tekken 8 is where I spend my competitive energy. I'm a member of Semarang Gelut Xtreme and often end up on the committee for our tournaments — and on the mic as caster.

  • Member
  • Crew
  • Committee
  • Caster
  • On the mic as caster
    On the mic as caster
  • 3rd place — Amateur League, ELS.ID
    3rd place — Amateur League, ELS.ID
  • Runner-up — Starcomp
    Runner-up — Starcomp

06Contact

Have a project, a role, or just want to talk about frontend? My inbox is always open.

ESC

Navigate

Actions

Links

↑↓ to navigate