en

Software Engineer (Frontend)

LuthfiAnanda.

Lompii

online · Semarang

↗ pilih balasan untuk lanjut ngobrol

01Tentang

Luthfi Ananda
Ini saya! 👋

Saya Luthfi, biasa dipanggil Lompii — software engineer yang fokus di frontend di PT Mitra Kasih Perkasa (MKP) sejak April 2024. Saya ada di BU Travel Tech untuk Tessera, dan ikut membantu BU Parkir merilis aplikasi yang dipakai pelanggannya.

Di Tessera saya memimpin migrasi ke Next.js Multi-Zones, membangun white-label branding supaya tiap klien korporat melihat warnanya sendiri, dan memulai hook i18n yang sekarang dipakai seluruh platform. Saya suka pekerjaan di titik temu arsitektur dan detail UI kecil.

Saya lulusan Teknik Informatika Universitas Dian Nuswantoro dengan IPK 3,93. Berikutnya saya ingin melangkah lebih jauh dari browser: mobile dan MPOS, backend, serta DevOps.

  • Semarang, Indonesia
  • Mobile, backend & DevOps

Pendidikan terakhir

S1 Teknik Informatika

Universitas Dian Nuswantoro · 2020 — 2024

IPK 3,93 / 4,00 · Skripsi terbit di JTSI (2023): marketplace web untuk sampah daur ulang.

02Skill

Tanpa bar persentase — hanya alat yang saya pakai setiap minggu.

Bahasa

  • TypeScript
  • JavaScript
  • HTML
  • CSS

Framework & library

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

Tools

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

Sedang dipelajari

  • Mobile (MPOS)
  • Backend
  • DevOps

03Proyek

Beberapa hal yang saya rancang, bangun, dan rilis.

Frontend engineer · ~970 commit, kontributor #22025 — Now

Tessera

Platform pemesanan tiket travel berbasis micro-frontend — bus, pesawat, hotel, KAI & kereta Eropa, kapal ferry, PELNI, dan wisata — untuk korporat (B2B) dan konsumen lewat Tessera Lifestyle yang sudah live di GoPay. Saya memimpin migrasi ke Next.js Multi-Zones dan membangun white-label branding per korporat dengan CSS design token, dark mode, serta custom hook i18n.

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

Freelance · satu-satunya frontend engineer2026

Retroppies Photobooth

Sistem photobooth franchise multi-tenant: kiosk Electron (bayar QRIS, foto + video, filter WebGL, cetak A6 borderless, MP4 ramah iOS via ffmpeg, auto-update dengan rollback), dashboard tenant dengan analitik, dan PWA tanpa login untuk tamu mengambil foto lewat QR code.

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

Penulis utama · ~97% commit2024 — Now

Membership Parkir Web

Web app mobile-first untuk penjualan dan perpanjangan membership parkir, sudah live di Kawasan Industri Maspion, Gresik — pembayaran QRIS, Virtual Account, dan kartu kredit, kuota tenant berbasis role, serta request yang di-sign. Salah satu produk yang menaikkan pendapatan service fee BU Parkir.

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

Karya lainnya

04Perjalanan

  1. Apr 2026 — Sekarang

    Software Engineer (Frontend) @ PT Mitra Kasih Perkasa

    BU Travel Tech — Tessera, platform pemesanan 10 aplikasi untuk korporat B2B dan Tessera Lifestyle di GoPay — sambil tetap membantu BU Parkir.

    • ↗ Memimpin migrasi ke Next.js Multi-Zones
    • ↗ Membangun white-label branding korporat dengan design token --tsr-*
    • ↗ Dark mode di 10 produk
    Kerja
  2. Mei 2026 — Sekarang

    Freelance Frontend Engineer @ Retroppies

    Satu-satunya frontend engineer untuk sistem photobooth franchise: kiosk Electron, dashboard tenant, dan PWA tamu.

    Kerja
  3. Apr 2024 — Mar 2026

    Junior Software Engineer (Frontend) @ PT Mitra Kasih Perkasa

    Membangun Membership Parkir Web dan widget Parkir untuk UDBM, lalu bergabung di Tessera untuk Bus, Pesawat, KAI, dan kereta Eropa.

    • ↗ Membership Parkir live di Kawasan Industri Maspion, Gresik
    • ↗ Memulai custom hook i18n Tessera
    Kerja
  4. 2020 — 2024

    S1 Teknik Informatika @ Universitas Dian Nuswantoro

    IPK 3,93 / 4,00 · Skripsi terbit di JTSI (2023): marketplace web untuk sampah daur ulang.

    Pendidikan
  5. Agu — Des 2022

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

    Memimpin tim 4 orang membangun Reforma Trash Project yang memenangkan Best Capstone Project.

    Pendidikan

05Di luar kode

Game cerita, stream larut malam, dan komunitas game fighting yang selalu saya datangi.

Player 1Tekken 8
Luthfi AnandaMain · Jin Kazama

Lompii

Luthfi Ananda · Rank: God of Destruction 5

Eksekusi
88
Kecepatan rilis
91
Asupan kopi
99
Sabar di ranked
37

Jurus spesial

Ship it

ketik S D P atau ↓ → P — atau tap tombolnya

Player 1

Lompii

Sisi belakang — segera hadir

Komunitas · Tekken 8 · FGC Semarang

Semarang Gelut Xtreme

Tekken 8 adalah tempat saya menyalurkan jiwa kompetitif. Saya anggota Semarang Gelut Xtreme dan sering jadi panitia turnamen kami — sekaligus pegang mic sebagai caster.

  • Anggota
  • Crew
  • Panitia
  • Caster
  • Pegang mic sebagai caster
    Pegang mic sebagai caster
  • Juara 3 — Amateur League, ELS.ID
    Juara 3 — Amateur League, ELS.ID
  • Juara 2 — Starcomp
    Juara 2 — Starcomp

06Kontak

Punya proyek, lowongan, atau sekadar ingin ngobrol soal frontend? Inbox saya selalu terbuka.

ESC

Navigasi

Aksi

Tautan

↑↓ untuk navigasi