Hi, I'm Wahyudi

Front-End Developer, with experience more than 7 years

Connect Follow

Short Bio

Hi there! Let me introduce myself, my real name on my KTP ID (Indonesian identity card) is Wahyudi Sumartono. I'm a Front-end Developer born and raised in Bandung, Indonesia. I love turning designs into clean, maintainable code and integrating front-end. During the day, I'm immersed in the world of information technology, especially Web Design, Web Programming, and UI/UX. At night, I make sure not to forget to sleep.

My Skills

HTML - CSS - (JS | TS)VueAstro11tySASS | SCSS | LESSJqueryNodeJSBootstrap | TailwindCSS FrameworkPHPFigmaAdobe Illustrator & PhotoshopCross Browser Testing

Education

Diploma - Piksi Ganesha Polytechnic

Work Experience

Xtremax Indonesia

Front-end Developer

2019 - Present

  • Designing applications using specialized frameworks (VueJS).
  • Converted Figma designs into fully responsive, pixel-perfect front-end code (HTML, SCSS, VueJS), ensuring 100% design accuracy and reducing feedback.
  • Integrated front-end components with RESTful or GraphQL APIs to enable dynamic data rendering and seamless communication between client and server.
  • Maintained and optimized client websites for performance and scalability and improving Lighthouse scores.
  • Auditing and updating client websites, improving accessibility scores.

Closely Coded Pte Ltd

Front-end Developer

2017 - 2018

  • Translated high-fidelity design visuals (Adobe XD) into clean, semantic HTML/CSS/JS code, ensuring 100% design accuracy and reducing feedback.
  • Built fully responsive web applications using Bootstrap 3.
  • Developed and customized Drupal CMS modules and integrated RESTful APIs.

CV IdeKreatif

Web Designer

2015 - 2017

  • Designing and developing UI/UX for websites/applications as per requirements.
  • Translated design mockups into pixel-perfect, accessible HTML/CSS/JS & ensuring 100% design fidelity.
  • Integrate between Front-end code and Back-end environment.

Portfolio

Portfolio of my past work

Tujusemesta Creative Agency (2017–2019)

Company profile site for a creative agency. Developed in collaboration with Tujusemesta using jQuery and Bootstrap 3.

Inactive

Karasa Bandung — Local Community Hub

A digital platform for local community, built by and for local developers. Developed using Laravel and enhanced with Progressive Web App (PWA) features for a seamless experience.

Inactive

Maci Bandung — Biker Community Portal

Event and information website for a local biker community. Created with Laravel, Bootstrap 4, and custom SVG illustrations. Optimized as a PWA.

TLCA Architecture (2017 - 2019)

Corporate profile site for a Singapore-based architecture firm. Developed during my time with Closelycoded using Drupal 6 and Bootstrap 3.

Takahi Singapore — E-Commerce Site (2017 - 2019)

E-commerce for a cookware brand in Singaporee. Built during my time with Closelycoded. Built using Drupal 6 and Bootstrap 3 CMS.

Bonney Singapore - E-Commerce Site (2017 - 2019)

E-commerce for a cookware brand in Singaporee. Built during my time with Closelycoded. Built using Drupal 6 and Bootstrap 3 CMS.

My Projects

My open-source projects

Astro Motion — Smooth Static Template

A lightweight static site starter powered by Astro and Tailwind CSS, featuring seamless page transitions with Swup.js. Ideal for fast and elegant personal or landing pages.

11ty Starter — Tailwind + Vite

A high-performance boilerplate for static sites using 11ty and Nunjucks, supercharged with Vite.js & styled with Tailwind CSS.

Whydev v1 — 11ty Personal Site (2020)

My first custom-built portfolio using 11ty, designed in 2020. Clean, minimal, and handcrafted with reusable Nunjucks components.

RawHTML — Framework-Free Template

A pure HTML/CSS boilerplate built from scratch. No frameworks, no dependencies—just clean code for maximum control and learning.

Offline

When not coding, I enjoy learning new things, eating, watching movies & listening to music with pop & metalcore genres 🤘🤘.

What am i doing today?

Keep survive & alive.

Online (Contact)

If you have any questions, please contact the address below, free of charge "Free".