System Online

Full-Stack Developer
& DevOps Engineer_

Building scalable applications and robust infrastructure with modern technologies. Focused on performance, user experience, and clean code.

Technical Skills

Technologies I work with daily

Frontend
React
90%
[██████████████████░░]
Tailwind CSS
80%
[████████████████░░░░]
ShadcnUI
80%
[████████████████░░░░]
Backend
Convex
85%
[█████████████████░░░]
NextJS
90%
[██████████████████░░]
Python
86%
[█████████████████░░░]
Tanstack Start
70%
[██████████████░░░░░░]
DevOps
Coolify
85%
[█████████████████░░░]
Github Action
80%
[████████████████░░░░]
Gitlab CI/CD
85%
[█████████████████░░░]
Kubernetes
70%
[██████████████░░░░░░]
Tools
TypeScript
85%
[█████████████████░░░]
AntiGravity
95%
[███████████████████░]
Claude Code
85%
[█████████████████░░░]
VSCode
80%
[████████████████░░░░]

Featured Projects

Recent work and case studies

portfolio-v2
Portfolio v2: The Ubuntu Terminal Experience

Portfolio v2: The Ubuntu Terminal Experience

A high-performance portfolio website and custom-built Content Management System (CMS) featuring a distinctive Ubuntu Terminal-inspired aesthetic. Developed with TanStack Start (React 19) and a self-hosted Convex backend, the platform provides a real-time environment for managing professional projects, technical skills, and blog content. It includes a dynamic PDF resume generator, a secure administrative dashboard, and comprehensive SEO optimization.

ReactTypeScriptConvexTailwindCSS
pediatric-management-system
Pediatric Management System

Pediatric Management System

A high-performance, academic-focused Progressive Web App designed to streamline the lifecycle of complex assignments. Featuring a structured checkpoint system, real-time notifications, and multi-role dashboards, it bridges the gap between students and instructors in higher education environments.

NextJSReactTypescriptPrisma+2
chasing-chapters
Chasing Chapters

Chasing Chapters

Chasing Chapters is a premium, bilingual book-review platform built with Next.js 16 and Payload CMS 3.0. It combines a boutique bookstore aesthetic with a powerful publishing workflow, featuring automated English-to-Indonesian translations and high-performance static rendering.

NextJSPayloadCMSReactPostgres+1
carbon-sequestration-simulator
Carbon Sequestration Simulator

Carbon Sequestration Simulator

A high-performance analytical engine and web dashboard built with FastAPI and Python, designed to simulate carbon sequestration trajectories for Indonesia's 2050 Net Zero targets. The system implements IPCC Tier 1 methodologies with advanced numerical modeling for forest maturation, carbon sink degradation, and adaptive land-use allocation.

PythonFastAPIPydanticJinja2+6

Latest from Blog

Thoughts on tech and development

system-initialization-v2-portfolio.md
Jan 7, 2026
2 min read

System Initialization: Why I Built My Portfolio Like a Linux Terminal

A deep dive into the philosophy, tech stack, and design decisions behind my new terminal-inspired portfolio.

Let's Work Together

I'm currently available for freelance projects and remote roles. If you have a project that needs some creative engineering, I'd love to hear about it.