Building internal web applications for campus operations — letter circulation, records management, and legal documents.
Frontend Developer at Telkom University, Bandung. I work on internal applications used daily by campus staff across units — from letter circulation to document and records management.
My main stack is Angular and Next.js, built on Laravel-era PHP fundamentals from earlier projects. Outside working hours I build small projects to learn new tools: SvelteKit, HTMX, Astro, Electron, and some Python for machine learning coursework.
I care about reusable components, readable TypeScript, and making sure what ships actually works in production.
|
🏛️ SOANG Redevelopment of a legacy regulation and legal-document (SK) system.
|
📄 PenDok E-Penelusuran Dokumen — a document and records-management system.
|
✉️ BaSO Surat Online — internal letter circulation application.
|
| Project | Description | Stack |
|---|---|---|
| monthly-budget | Family budgeting app with balanced spending, daily tracking, and push notifications | SvelteKit, TS, Firebase |
| senada | E-commerce project with separate Laravel backend and React frontend | Laravel, React, Vite |
| stop-your-work | Productivity timer for managing work sessions | SvelteKit, TypeScript |
| Auth-CRUD-Laravel | Authentication with user CRUD management | Laravel, PHP |
| Rental-Mobil | Car rental management and booking system | PHP, JS, HTML |
| Koperasi-Indra | Cooperative financial management web app | PHP, JS, HTML |
| belajar-nestjs-restful-api | REST API built while learning NestJS | NestJS |
| belajar-golang-restful-api | REST API built while learning Go | Go |
| belajar-bun-hono-restful-api | REST API built while learning Bun + Hono | Bun, Hono, TS |
| kotlin-restful-api | REST API with Spring WebFlux | Kotlin, Spring |
| Project | Description | Stack |
|---|---|---|
| trello-clone-htmx | Kanban board with drag-and-drop using HTMX | HTMX |
| twitter-clone-htmx | Social feed app built with HTMX | HTMX |
| todos-htmx | TodoMVC implemented with server-driven interactions | HTMX |
| angular-spotify | Spotify web player clone | Angular, Tailwind |
| angular-profile-page | Profile page template | Angular, Tailwind |
| learn-electron | Retro green-phosphor terminal Todo desktop app | Electron |
| medium-like-text-editor | Rich text editor with markdown support | TypeScript |
| sql-query-debugger | Interactive SQL query debugger | JavaScript |
| bouncing-ball | Canvas physics animation experiment | React, Canvas |
| learn-astro | Astro study project with i18n and a todo list | Astro, Tailwind |
| Project | Description | Stack |
|---|---|---|
| Tel-U Parking System App | Campus parking system mobile app | Android (C++) |
| JERIH-Quiz App | Quiz app with scoring and feedback | Java, Android |
| Google-Maps-Android | Google Maps SDK integration | Kotlin |
| Kotlin-Firebase-CRUD | Firebase CRUD application | Kotlin, Firebase |
| jaga-tangis | Tear-tracking application for emotional monitoring | JavaScript |
| Project | Description | Stack |
|---|---|---|
| Character Recognition — Javanese Script | Recognizing Javanese script characters from images | Python, TensorFlow |
| InceptionV3 — Pascal VOC 2007 | Object classification on Pascal VOC 2007 | InceptionV3 |
| obj-detection | Object detection in the browser with COCO-SSD | TensorFlow.js, React |
| Simple ANN | Artificial neural network implementation | MATLAB, C++ |
| Face-Recognition / pyFace | Face detection and recognition | Python, OpenCV |
| KNN-IRIS / Linear-Regression-HOUSE | KNN and linear regression exercises | Python, scikit-learn |
| CAR SELECTION SYSTEM (KNN) | Car recommendation using KNN collaborative filtering | Python |
| Java Island Climate GIS | Province identification from temperature and rainfall data | Python, R |
Primary — professional work
Also used in projects
Tools
Away from the terminal I'm usually gardening, breeding, or cooking — quiet work that rewards consistency, just like good software.
