Ferdinand Dero Saputra

Frontend Engineer

ferdinandderosaputra1@gmail.comPangkalpinang, Indonesiahttps://portofolio-one-xi-42.vercel.app

Professional Summary

Frontend engineer building calm, precise interfaces for the web.

Available for select projects

03 — Experience

Independent builder

2026 — Present

Personal projects

Six shipped projects on this page — a services marketplace, a security model, a Rust archiver, a CLI agent, an OAuth system, and a Playwright cloner — each with its source repository linked.

Competition track

2024 — 2026

OTN VI · LKS Babel · E-MOSTFET 11

Juara I Desain Web at OTN VI (2024), Juara II IT Software Solution for Business at LKS Babel (2025), and Juara 2 Web Design Online at E-MOSTFET 11 (2026).

02 — Capabilities

Interface engineering

Component architectures that stay legible at scale: server components by default, client boundaries pushed to leaves, motion limited to transform and opacity.

React 19 · Next.js 15 · TypeScript · CSS transitions

Design systems

Perceptual OKLCH tokens, fluid type ramps, and one palette per role. Every colour lives in a single token block, so a theme change is one edit.

Tailwind CSS v4 · OKLCH · CSS custom properties · WCAG contrast

Performance

Lighthouse runs on every push and fails the build below the thresholds in lighthouserc.json. Speed is checked in CI, not in an audit months later.

Lighthouse CI · Core Web Vitals · next build output

Delivery

Tests that catch regressions before users do, previews on every branch, and one-command rollbacks.

Playwright · axe-core · ESLint · GitHub Actions

04 — Certificates

Juara I Desain Web

November 2024

Olimpiade TIK-Informatika Nasional (OTN) VI · IGTIK PGRI · ICE BSD Tangerang

Juara II IT Software Solution for Business

June 2025

LKS Provinsi Kepulauan Bangka Belitung · Dinas Pendidikan · SMKN 2 Pangkalpinang

Juara 2 Web Design Online

September 2026

E-MOSTFET 11 · HM Elektro Universitas Bangka Belitung