Wildan - Software Engineer

About Me

I’m a Software Engineer who loves turning ideas into interactive, scalable, and meaningful digital experiences.

My journey began in Electrical Engineering, where I discovered how logic and creativity could blend through robotics. That curiosity soon grew into a passion for software, especially on Front-End — where design meets functionality and every detail shapes how people feel when using a product.

Since then, I've built and maintained applications withReactJS, TypeScript,HTMX, and Go — internal dashboards, backend systems, even IoT hardware for coal mining sites.

I believe great engineering is about clarity, collaboration, and care — writing code that not only works, but communicates intention and creates impact.

Skills & Technologies

Frontend Development

ReactTypeScriptJavaScript (ES6+)HTML5 & CSS3Next.jsAstroHTMXReact Testing Library

Backend & APIs

GoNode.jsRESTful APIs

Tools & Practices

Git & GitHubnpm/pnpmVitestVercelResponsive DesignPerformance Optimization

Concepts & Methodologies

Web Accessibility (WCAG)Component-Driven DevelopmentAgile/ScrumCode Review

Experience

Software Engineer

CV Rangga

December 2025 – July 2026 IndonesiaFull-time

Responsibilities

Built GitLab CI/CD pipelines and deployed to private servers
Helped research and development of new technologies
Developed IoT systems for Coal Mining Sites

Key Achievements

Wrote clear, maintainable code that the team could build on
Built GPS RTK system for a Coal Mining Unit
Sat in meetings with principals and helped shape technical decisions

Technologies

ReactJSTypescriptPythonGitLab CI/CDIoTLinuxDocker

Product Engineer

Zero One Group

April 2021 – March 2025 IndonesiaFull-time

Responsibilities

Developed and maintained internal dashboards and web applications
Collaborated with backend engineers on API integration and data flows
Led frontend architecture decisions for new features and improvements
Participated in code reviews and mentored junior developers

Key Achievements

Shipped internal tools with React and TypeScript that teams actually use
Cut page load times with code splitting, lazy loading, and sane defaults
Brought HTMX into the stack to reduce JS bloat while keeping interactivity
Added Vitest + React Testing Library — caught bugs before they hit production
Mentored juniors on React, TypeScript, and practical frontend patterns

Technologies

ReactTypeScriptHTMXGoJavaScriptHTML/CSSVitest

Frontend Developer

Aegis E-Sport Academy

January 2021 – April 2021 IndonesiaFull-time

Responsibilities

Developed responsive landing pages and marketing websites
Implemented UI/UX designs from Figma mockups to production code
Ensured cross-browser compatibility and mobile responsiveness

Key Achievements

Built landing pages that work on phones, tablets, and desktops
Translated Figma mockups into working interfaces
Delivered on time with clean, maintainable code

Technologies

HTMLCSSJavaScriptFigmaResponsive Design

Web Developer

Nanas Media

November 2020 – December 2020 IndonesiaContract

Responsibilities

Built custom WordPress websites for clients
Implemented responsive designs and custom features
Customized WordPress themes to meet client specifications

Key Achievements

Delivered multiple client WordPress sites on time
Customized themes to match each client's brand
Made sure every site worked on mobile out of the box

Technologies

WordPressPHPHTMLCSSJavaScript

Internship

Aegis E-Sport Academy

December 2019 – March 2020 IndonesiaInternship

Responsibilities

Assisted in frontend development tasks
Learned web development fundamentals and best practices
Collaborated with development team on various projects

Key Achievements

Completed projects during the internship
Learned HTML, CSS, and JavaScript on the job
Picked up new tools quickly and contributed to the team

Technologies

HTMLCSSJavaScript

Portfolio - Personal Projects

Featured

Anime Search Application

Real-time anime database search with advanced filtering

ReactTypeScriptJikanAPICSS3Vercel

Anime search app built with the JikanAPI to practice API integration and state management. Real-time search, detailed anime pages with ratings, and a clean interface.

Real-time search with debounced API calls
Responsive layout that works on mobile
Clean UI showing ratings, synopsis, and details

GitHub View Live

Featured

NihonGo

learning Japanese using Next.js

Next.jsReactTypeScriptCSS3Vercel

Japanese learning site built with Next.js. SSR pages, dynamic routing, and image optimization. Zero to Hero? More like Hiragana to conversation.

Server-side rendering for SEO
Optimized images with Next.js Image
Dynamic routing for lessons and quizzes

GitHub View Live

GitHub Pages Portfolio v1

First portfolio website with fullpage.js-style navigation

HTML5CSS3JavaScriptFullpage.jsVercel

First portfolio site with fullpage.js-style scrolling, clean layout, and fast load times. Focused on getting something solid online quickly.

Fullpage scrolling navigation
Fast load times with minimal assets
Responsive across devices

GitHub View Live

Articles

<div> Best Practice for Accessibility

Divs Aren’t Evil — Misusing Them Is

Basic Aeromodelling

Aeromodelling in a nutshell

install WSL for Windows

Tutorial about install WSL (Windows Subsystem Linux)

Let's Work Together

I'm open to new opportunities and interesting projects. Feel free to reach out if you'd like to discuss web development, React architecture, or potential collaborations.

Download Resume

Or connect with me on: