Projects

Shipped with
vibe-coding.

Shipped

05 projects
Chemical Engineering

ChemEPortal.com

One-stop service for chemical engineering students and professionals — still in development, aiming to aggregate coursework, tools, and community.

React NativeExpoSupabase
Visit chemeportal.com chemeportal.com
STEM for Kids

ChemE Kids

Playful site for children to explore math and science through games, plus a curated library of free resources for languages and early STEM.

React NativeExpon8n
Visit kids.chemeportal.com kids.chemeportal.com
STEM for Kids

STEM-Playground.com V2

Rebuilt in React 19 — educational games for kids (and adults) who love math and science. Bahasa Indonesia, faster, more playful.

React 19Supabase
Open V2 stemplayv3.netlify.app
Chemical Engineering

APTEKIM.id

Official website for the Indonesian Chemical Engineering Higher Education Association (APTEKIM) — bilingual EN / ID, React 18 with Supabase, directory, events, and membership.

React 18Supabasebuilt with bolt.new
Visit aptekim.id aptekim.id
STEM for Kids

STEM-Playground.com V1

The original — hand-written HTML, CSS and vanilla JS games. Same spirit, no framework. The proof that shipping beats stack-picking.

HTML
Open V1 stemplayground.netlify.app

Documented

07 projects
Personal Branding

Personal Website v2

Simple HTML website to showcase my work and experiences. Built while utilizing `/impeccable` skills from impeccable.style. `PRODUCT.md` and `DESIGN.md` files are available on GitHub.

HTMLwebsite/impeccable
Chemical Engineering

Internship Dashboard

Simple HTML dashboard with n8n backend to show information and updates on students' internship status. Collaboration is enabled through shared access to source data in Google Sheets.

HTMLdashboardwebhookn8n
Japanese Language

Hanasu Chatbot

Simple HTML interface of a Japanese-speaking chatbot with transliteration and translation in every message. A final project for a Hacktiv8 course "AI Productivity and AI API Integration for Developers".

HTMLchatbotJapaneseGemini API
Retrieval Augmented Generation (RAG)

OLCRAG

A Python-based implementation of a Retrieval Augmented Generation system locally using Ollama and LangChain.

PythonRAGFlaskLangChainOllama

Following along, or have a process worth automating?

I’m posting builds as I make them — no polished case studies yet, just the actual work. If something here is relevant to your team, I’d like to hear about it.