Portfolio

Selected work and projects.

A collection of software projects covering web applications, backend systems, APIs, developer tools, and other engineering work.

Projects

Things I've built.

25 selected projects

Mobile & Web Platform

MVP Mentoring App

A modern Flutter web-based platform for mentoring and MVP prototyping. Users can explore, book, and manage sessions with expert mentors.

  • Flutter
  • Dart
  • Firebase
  • MongoDB

Web Application

Subscription App

A subscription-based web application demo built with Angular, TypeScript, and Firebase Firestore. Demonstrates clean multi-step registration and payment simulation flows.

  • Angular
  • TypeScript
  • Firebase
  • BEM

Game / Real-Time Application

Pokecat Hunt

A real-time location-based prototype game inspired by Pokémon Go but featuring cats. Built as a monorepo with React, Express, and Go.

  • React
  • TypeScript
  • Go
  • Socket.IO

Web Game

TTSLA

An interactive crossword puzzle game inspired by Katla. Players solve interconnected crossword grids with Katla-style letter feedback.

  • React
  • Vite
  • TypeScript
  • Zustand

AI Application

CETRA

An AI-powered sustainability companion that helps users see the hidden potential in everyday objects before throwing them away. Uses Gemini Vision and Firebase.

  • SolidJS
  • TypeScript
  • Firebase
  • Gemini API

Developer Tool / Library

History++

A lightweight, UI-agnostic navigation engine built on top of the native History API. Extends window.history with structured routing and direction-aware lifecycle hooks.

  • TypeScript
  • JavaScript
  • History API
  • SPA

Developer Tool / Library

DOMPP

A lightweight native DOM enhancement library focused on deterministic mutation, chainable APIs, and optional reactivity. No virtual DOM, no wrappers, no compilation required.

  • TypeScript
  • JavaScript
  • DOM
  • ESM

Backend Framework

Piedpi

A lightweight PHP native framework designed for MVPs and internal tools. Demonstrates how modern web applications can be built without large frameworks while preserving good architecture.

  • PHP
  • PDO
  • MVC
  • Middleware

Developer Tool / Library

ROUTION

A lightweight, runtime-independent route resolution engine available across multiple programming languages. Compiles routes into a reusable matcher that resolves pathnames to structured results.

  • TypeScript
  • JavaScript
  • Go
  • Python

Developer Tool / Bundler

NGAPACK

A lightweight experimental JavaScript bundler focusing on semantic correctness, deterministic output, and runtime-oriented module loading. Preserves native ESM semantics.

  • TypeScript
  • JavaScript
  • ESM
  • Bundler

Article / Engineering

The DOM API We Might Actually Need

A closer look at browser APIs that could make everyday UI work simpler, more predictable, and easier to maintain.

  • JavaScript
  • DOM
  • Browser APIs

Article / Case Study

DOM++: A Step-by-Step Case Study

A detailed walkthrough of building DOMPP, from identifying DOM pain points to a chainable, framework-free API.

  • DOMPP
  • JavaScript
  • DOM

Article / Security

Your App Is Probably Vulnerable

A security-focused article about common blind spots in web applications beyond the usual attack vectors.

  • Security
  • Web Applications
  • Frontend

Article / AI

Why Your AI App Needs More Than Prompting

Thoughts on building AI-powered applications that go beyond simple prompt wrappers and actually solve user problems.

  • AI
  • Product Design
  • Engineering

Article / Career

The Invisible Architect of Software

A career-focused article explaining the often misunderstood role of a systems analyst in software projects.

  • Career
  • Systems Analysis
  • Software Engineering

Article / Performance

The Day We Chased a Perfect Core Web Vitals Score

A performance engineering article documenting the real effort behind achieving perfect Core Web Vitals in production.

  • Performance
  • Core Web Vitals
  • Frontend

Article / AI

What Really Happens When You Chat with AI

A behind-the-scenes look at what occurs during AI chat interactions, from token processing to response generation.

  • AI
  • LLM
  • Engineering

Case Study / Web Application

Website WebBuilder Form

A case study on building a flexible web builder form system with dynamic fields and validation.

  • JavaScript
  • Form Design
  • UX

Case Study / CMS

WordPress Enhancement

Improving WordPress performance, security, and developer experience without replacing the core platform.

  • WordPress
  • PHP
  • Performance

Case Study / Frontend

Next.js Revamp

Migrating and modernizing an existing web presence with Next.js for better performance and developer experience.

  • Next.js
  • React
  • Frontend

Case Study / Enterprise

SI Rumah Sakit

Hospital information system focused on patient flow, data consistency, and operational reliability.

  • PHP
  • MySQL
  • Enterprise

Case Study / AI Analytics

Katalog Produk AI Analytics

AI-powered product catalog analytics for better inventory and sales insights.

  • AI
  • Analytics
  • Product

Production / SaaS

Backlog Deduksi

A production-grade backlog and project management tool built as a service. Powered by the Piedpi engine.

  • Piedpi
  • PHP
  • SaaS
  • Production

Production / WordPress

Matcha Dreamy

A production WordPress theme focused on clean design, performance, and content-first experience.

  • WordPress
  • Theme
  • PHP
  • Production

Production / Mobile & Web

IQRA Mentee

A production mentoring platform for the IQRA community, connecting mentors and mentees for learning sessions.

  • Flutter
  • Firebase
  • Production

Open source

More work lives on GitHub.

Some projects, experiments, libraries, and developer tools are available publicly on GitHub. They include both finished projects and smaller explorations of technical ideas.

Visit GitHub

Have a project in mind?

Let's talk about the problem you're trying to solve.

I'm interested in discussing software projects, technical challenges, and engineering opportunities.

Get in touch