Tech Stack & Tooling

The tools I build with.

Every tool below is one I have shipped with — pulled straight from the projects in my portfolio, not a wishlist. Each entry names the work it came from.

Frontend & UI

Interfaces built to stay fast and accessible as they grow.

Next.js

5 projects

Telegram Cloud Drive · tncp.web.id · Toll-Gate Monitoring & Traffic Analytics +2 more

TypeScript

5 projects

Telegram Cloud Drive · tncp.web.id · Toll-Gate Monitoring & Traffic Analytics +2 more

JavaScript

4 projects

SMAN 2 Sumenep Website Redesign · Profile Switcher · Cinema Studio +1 more

CSS

3 projects

SMAN 2 Sumenep Website Redesign · Profile Switcher · Cinema Studio

HTML

3 projects

SMAN 2 Sumenep Website Redesign · Profile Switcher · Cinema Studio

Chrome Extensions

Profile Switcher

Manifest V3

Profile Switcher

Vite

Cinema Studio

Mobile

Cross-platform apps from one codebase.

Dart

2 projects

SapaWarga · Jawara Mobile

Flutter

2 projects

SapaWarga · Jawara Mobile

Backend & APIs

Services and contracts that stay predictable under load.

Python

5 projects

Telegram Cloud Drive · Toll-Gate Monitoring & Traffic Analytics · PAI +2 more

Better Auth

Personal Finance App with AI

FastAPI

SapaWarga

Hono

Personal Finance App with AI

Laravel

PWL 2024 Web Application

Payload CMS

tncp.web.id

PHP

PWL 2024 Web Application

Telegram Bot API

PAI

Data & Storage

Relational schemas, migrations, and query paths that hold up.

PostgreSQL

2 projects

Telegram Cloud Drive · Personal Finance App with AI

SQLite

2 projects

tncp.web.id · PAI

DynamoDB

Toll-Gate Monitoring & Traffic Analytics

Firebase

SapaWarga

Hadoop

Toll-Gate Monitoring & Traffic Analytics

Prisma

Personal Finance App with AI

Supabase

SapaWarga

DevOps & Cloud

Containers, pipelines, and the hosting that keeps them running.

Docker

6 projects

Telegram Cloud Drive · tncp.web.id · VPS Monitoring with Beszel +3 more

GitHub Actions

3 projects

VPS Monitoring with Beszel · Personal Profile Website with CI/CD & Docker Pipeline · Claude Usage Warmup

Cloudflare Tunnel

2 projects

tncp.web.id · VPS Monitoring with Beszel

AWS

Toll-Gate Monitoring & Traffic Analytics

Beszel

VPS Monitoring with Beszel

pnpm

tncp.web.id

Shell

PAI

Turborepo

tncp.web.id

Systems, IoT & AI

Lower-level and specialised work outside the usual web stack.

C++

Toll-Gate Monitoring & Traffic Analytics

Claude Code CLI

Claude Usage Warmup

ESP32

Toll-Gate Monitoring & Traffic Analytics

FFmpeg

subx

HiveMQ

Toll-Gate Monitoring & Traffic Analytics

MQTT

Toll-Gate Monitoring & Traffic Analytics

ONNX Runtime

subx

RapidOCR

subx

Vercel AI SDK

Personal Finance App with AI

Also in the toolbox

Picked up where a project needed it.

Bash

Claude Usage Warmup

YAML

Claude Usage Warmup

ADAPTABILITY // EVIDENCE, NOT CLAIMS

Working in a stack that is not on this list?

That list is a record, not a boundary. It already runs from TypeScript and Python to PHP, Dart, and C++, across web apps, mobile, browser extensions, embedded IoT, and data pipelines — because I pick what the problem needs, not what I am comfortable with. A new framework, an unfamiliar database, or someone else’s legacy codebase is a ramp-up, not a risk: the fundamentals carry over, and an AI-assisted workflow keeps the ramp short. The architecture calls, the review, and the production hardening stay mine — so if you are already committed to a stack, name it and I will build in it.

Work with me

Have a project in mind?

Get in touch →