04 — Projects

Things I have built

Every project is listed below. On a desktop browser with motion enabled, this page also becomes a small world you can walk around to find them.

Skip the game and jump to the project list

All projects

  • aprilio.dev

    This site — dark-first portfolio with a WebGL hero and a 2D arcade project world.

    2024 — Present · Designer & Developer

    Live
    Next.js 14
    TypeScript
    Tailwind CSS
    Framer Motion
    three.js / R3F
    PixiJS
    Live ↗Source ↗

  • Devtools

    78 developer utilities that run entirely in the browser, built into this site at /devtools.

    2024 · Maintainer & integrator

    Live
    Vue 3
    TypeScript
    Vite
    Naive UI
    UnoCSS
    Live ↗Source ↗

  • LeadManager

    Construction project-lead platform for Hubexo Asia Pacific — 320k+ live projects, searched, mapped and pushed through a sales pipeline.

    2021 — Present · Fullstack Engineer

    Live
    React
    TypeScript
    LoopBack
    Oracle
    Elasticsearch
    Redis
    OpenStreetMap
    Amazon SQS
    Amazon SNS
    Amazon S3
    CloudFront
    Design system
    Live ↗

  • Bid Ocean

    Public bid-opportunity platform for Hubexo North America — trade-first alerts across 423k US construction, goods and services postings.

    2026 · Fullstack Engineer

    Live
    React
    TypeScript
    NestJS
    Kafka
    OpenSearch
    Redis
    Amazon SNS
    HubSpot integration
    Design system
    Live ↗

  • Silancar

    Real-time GPS command centre for Indonesian traffic police — 185 vehicles tracked live, with a dashcam and a chat line to every driver.

    2025 · Fullstack Engineer

    Live
    NestJS
    React
    TypeScript
    WebSocket
    OpenStreetMap / Leaflet
    Live ↗

  • Keyles

    Multi-tenant SSO — an OAuth 2.0 and OpenID Connect identity provider with tenant isolation and client-scoped roles.

    2025 · Fullstack Engineer

    Open-source prototype
    Go
    Gin
    PostgreSQL
    Redis
    OAuth 2.0 / OIDC
    React
    TypeScript
    Tailwind CSS
    Radix UI
    Caddy
    Docker
    Live ↗Source ↗

  • Sirius

    Multi-agent AI orchestration platform — specialised LLM agents carry a ticket from spec to reviewed pull request, with humans approving every gate.

    2026 · AI Engineer

    Live
    TypeScript
    NestJS
    LangGraph.js
    Claude Agent SDK
    AWS Bedrock AgentCore
    PostgreSQL / pgvector
    Redis / BullMQ
    Playwright
    Docker
    Turborepo

  • CMC

    Internal Hubexo client-health console — LeadManager usage statistics turned into decisions for account managers.

    2021 — Present · Fullstack Engineer

    Live
    React
    TypeScript
    D3.js
    LoopBack
    Oracle
    Elasticsearch
    Redis