Ilham Yusuf - frontend developer

I build interfaces for real systems.

Frontend engineering for maintainable products, practical workflows, and dependable delivery.

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

I build interfaces that stay clear after the handoff.

I turn product requirements into responsive interfaces, connect them to real data and workflows, and carry the work through production delivery.

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

Build for the next change

Structure components and decisions so the next developer can extend the work without reverse engineering it.

Design the whole workflow

Account for APIs, product states, content operations, and the people who use the system every day.

Expand without losing depth

Keep frontend as the core while growing the backend and reliability skills needed to deliver complete products.

Frontend depth.
Delivery range.

Strongest at the interface layer, with the backend and delivery range to work effectively across the product system.

Scroll through capabilities
Daily practice

Frontend systems

Responsive product interfaces, reusable component systems, and typed state designed for steady iteration.

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

Client delivery

WordPress and commerce websites built for practical editing, clean handoff, and long-term client use.

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

Backend integration

APIs, authentication states, data flows, and persistence patterns that connect the interface to product behavior.

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

Interface motion

Transitions and rendering experiments that clarify state changes while keeping content in control.

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

Reliability practice

Deployment discipline, Linux workflows, automation, and observability fundamentals for more dependable releases.

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

Work shaped by
real delivery.

Production dashboards, customer portals, and client websites. Each role sharpened how I translate requirements into interfaces teams can ship and maintain.

2025 - Present Madeindonesia Frontend Web Developer

Build and maintain WordPress and WooCommerce sites for day-to-day content and commerce operations.

  • Translate marketing requirements into maintainable themes, templates, and frontend behavior.
  • Resolve performance regressions, cross-browser issues, and client-specific customizations.
WordPressWooCommercePHPElementor
Yogyakarta, Indonesia Current role
2022 - 2024 Tomps by Telkom Frontend Web Developer

Delivered multi-tenant SaaS interfaces across Tomps SaaS, Project, and Building products.

  • Built acquisition pages, customer onboarding, payment flows, and operational dashboard modules.
  • Shipped responsive UI with shared state, Tailwind styling, and interaction tests.
ReactVueNuxtNext.jsTypeScriptRedux
Jakarta, Indonesia Completed
2022 Telkom Indonesia Frontend Web Developer

Developed React interfaces from reusable, tested components.

  • Maintained consistent styling across Tailwind and Bootstrap codebases.
  • Worked with backend engineers to align API contracts and interface states.
ReactTailwindBootstrapJest
Jakarta, Indonesia Completed
2020 - 2021 UGM FK-KMK IT Assistant

Supported visual design, live streaming, and video production for faculty programs.

  • Helped operate online events from preparation through live delivery.
  • Developed practical production discipline before moving fully into frontend work.
DesignStreamingVideo Editing
Yogyakarta, Indonesia Completed

Systems I’ve
helped ship.

Selected frontend work where product decisions had to support real users, operational workflows, and long-term maintenance.

Testing ideas. Building the useful ones.

Focused prototypes for uncertain interaction, rendering, and workflow questions. Useful results move into production work.

Featured prototype Browser extension prototype
Prototype test

Write-Mate Add-on

A browser extension prototype for grammar, rewriting, and translation assistance beside the active text field.

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

Learning track and public activity
Exploring Reliability practice

Reliability / SRE path

Developing practical skills in deployment, monitoring, and service reliability.

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

Recent GitHub activity

Loading public updates
View profile

Learning
records

Formal study and applied training that established my technical foundation and still informs how I approach 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

    Built a broad technical foundation across web development, multimedia systems, and animation.

    Record note GPA 3.85
  2. Applied training

    Full-Stack Website Developer

    Pijar Camp

    Applied full-stack training across JavaScript, Node.js, Express, React, and Next.js.

    Record note Bootcamp graduate
Open for freelance and remote roles

Available for frontend work that values maintainable systems, clear collaboration, and dependable delivery.

Let’s build
something reliable.