Ilham Yusuf - frontend developer

I build interfaces for real systems.

Building maintainable web interfaces and product workflows.

View selected work ↗ More about me
Portrait of Ilham Yusuf
@ilhamya Ilham Yusuf

I build interfaces that stay clear after the handoff.

Frontend developer who builds polished interfaces, connects backend pieces, and keeps learning reliability-minded delivery.

Based in
Indonesia - GMT+7
Primary role
Frontend Developer
Current direction
Reliability-minded delivery
Availability
Open for freelance and remote roles

Build for the handoff

Clear structure, predictable components, and decisions the next developer can understand.

Think beyond the screen

I consider APIs, content workflows, product states, and the people operating the system.

Keep extending the range

Frontend is my core. Full-stack delivery and reliability practice are where I am growing.

Built across
the product stack.

Frontend-led, with enough backend and delivery range to understand how the complete system fits together.

Scroll through capabilities
Daily practice

Frontend systems

Responsive application interfaces, reusable components, typed state, and UI architecture built to stay maintainable.

  • React
  • Vue
  • TypeScript
  • SCSS
  • Tailwind
  • Git
Production work

Client delivery

Content-managed and commerce websites shaped for practical editing, handoff, performance, and long-term client use.

  • WordPress
  • Elementor
  • WooCommerce
  • ACF
  • WPML
  • Custom themes
Fullstack range

Backend integration

Product APIs, data flows, authentication states, and persistence work that connect interfaces to real application behavior.

  • Node.js
  • NestJS
  • Prisma
  • PostgreSQL
  • REST
Interaction craft

Interface motion

Purposeful transitions and rendering experiments that clarify state changes without competing with the content.

  • GSAP
  • Three.js
  • Canvas
  • Framer Motion
Current direction

Reliability practice

Deployment hygiene, Linux workflows, automation, and observability fundamentals that make delivery more dependable.

  • Docker
  • Linux
  • CI/CD
  • Cloudflare
  • Monitoring / SRE

Work shaped by
real delivery.

From production dashboards to client websites—each role added a different layer to how I build and ship interfaces.

2025 - Present Madeindonesia Frontend Web Developer

Build and maintain client WordPress and WooCommerce sites.

  • Handle theme customization, performance checks, and cross-browser fixes.
  • Turn marketing requirements into maintainable frontend implementation.
WordPressWooCommercePHPElementor
Remote, Indonesia Current role
2022 - 2024 Tomps by Telkom Frontend Web Developer

Built multi-tenant SaaS dashboards across Tomps SaaS, Project, and Building.

  • Worked on landing pages, customer portals, payment flows, and operational modules.
  • Shipped responsive UI with Redux state, Tailwind styling, and interaction tests.
ReactVueNuxtNext.jsTypeScriptRedux
Jakarta, Indonesia Completed
2022 Telkom Indonesia Frontend Web Developer

Developed React interfaces with reusable, tested components.

  • Maintained styling systems with Tailwind and Bootstrap.
  • Collaborated with backend teams on integration contracts.
ReactTailwindBootstrapJest
Jakarta, Indonesia Completed
2020 - 2021 UGM FK-KMK IT Assistant

Supported design, streaming, and video editing needs.

  • Helped run online events and media production.
  • Built production discipline outside pure code work.
DesignStreamingVideo Editing
Yogyakarta, Indonesia Completed

Systems I’ve
helped ship.

Selected product work across SaaS portals, multi-tenant platforms, operational dashboards, and client delivery.

Testing ideas. Building the useful ones.

Small technical tests that earn their place by improving a real interface or delivery workflow.

Featured prototype Browser extension prototype
Prototype test

Write-Mate Add-on

A small browser add-on prototype that tested inline grammar, rewrite, and translation assistance near text inputs.

What it tested

The test explored whether writing help next to the active input could reduce tab-switching.

  • Grammar
  • Rewrite
  • Translation
  • JavaScript
  • Browser Extension
  • API Integration
Solo prototype

In progress now

3 active tracks
Exploring

Reliability / SRE path

Active learning track for deployment, monitoring, and reliability fundamentals.

Next Apply Docker, CI/CD, and basic monitoring in a small deployable project.
Building

MoneyFlow app

Active personal finance build for accounts, categories, and transactions.

Next Finish transaction flow and category rules.
Refining

This portfolio

Active polish pass for this Astro, GSAP, and Three.js portfolio.

Next Finish content QA and responsive polish.

Learning
records

Formal study and applied training that shaped how I design, build, and reason about web systems.

Knowledge domains
  1. 01 Frontend systems
  2. 02 Full-stack delivery
  3. 03 Interface motion
  4. 04 Reliability practice
  1. Academic foundation

    Bachelor of Informatics

    AMIKOM Yogyakarta

    Undergraduate study focused on web development, multimedia, and animation.

    Record note GPA 3.85
  2. Applied training

    Full-Stack Website Developer

    Pijar Camp

    Full-stack training covering JavaScript, Node.js, Express, React, and Next.js.

    Record note Bootcamp graduate
Open for freelance and remote roles

Frontend engineering, full-stack delivery, and reliability-minded product work.

Let’s build
something reliable.