Open to work Jakarta, Indonesia Remote friendly
I build and deliver end‑to‑end web applications.
Full-Stack Developer at MAXY Academy. I take a product from first requirements to release — interface, server, database, testing, launch. The eight on this page are the ones I can show: AI tools, learning platforms, and the software businesses run their day on.
01 — Selected work
Eight I can show you
Not everything I build can go on a public page, so these eight are the ones I can show. Four were built at MAXY Academy, four are my own, and I built all of them alone except Flowbuddy, where there were two of us. The camera tracks sideways down a hall with one frame per product — the screen it actually ships, lit, at size — and every frame opens its case study.
01 / 08
Nova AI
Agentic marketing intelligence
A Chrome extension that browses the web on its own and returns a campaign plan.
Chrome Extension MV3 · JavaScript · Chrome DevTools Protocol
-
Nova AIAgentic marketing intelligence
Chrome MV3 · JavaScript · DevTools Protocol · Canvas 2D · Groq · Gemini -
FlowbuddyWellbeing platform
Next.js 16 · TypeScript · React 19 · MySQL · Gemini AI · Pusher -
AI VeroB2B agent platform
Next.js 15 · TypeScript · OpenAI · SQLite · Tailwind · Puppeteer -
Virtual Intern LMSMulti-service platform
Laravel 12 · React 18 · Fastify · PostgreSQL · Socket.io · Xendit -
Maxy LearningInteractive LMS
Next.js 16 · TypeScript · React 19 · Tailwind v4 · Framer Motion -
Otopia Auto CareBusiness management
React 18 · FastAPI · MongoDB · Python · Tailwind · JWT -
WebOrder
Studio WebOrder StudioOrder management Laravel 11 · Alpine.js · MySQL 8 · Midtrans · Google Calendar API -
Smart
Farm SmartFarmAI agronomy assistant Laravel 13 · React 18 · Inertia.js v2 · Gemini Vision · Open-Meteo
02 — About
About me
Full-Stack Developer with hands-on experience building and delivering end-to-end web applications across AI platforms, learning systems, and business management software.
I work across the full lifecycle: requirement analysis, solution planning, implementation, testing, refinement, and release support. My core stack is Laravel and React/Next.js with TypeScript, backed by SQL and REST API design. Of the eight products below, five are live and in use and three are in delivery — and they are a shortlist, not the total. Four came out of my work at MAXY Academy; the other four I built on my own time because I wanted to know how something worked.
At MAXY Academy I deliver web applications for internal platforms and client projects, and help coordinate 16 interns across 5 concurrent projects — assigning tasks, reviewing progress, resolving blockers, and mentoring on coding practice and delivery standards. Before that I contributed to the SISTER infrastructure module and the SISARPRAS re-engineering at the Ministry of Education, Culture, Research and Technology, then held a data management role at Telkom Indonesia.
TypeScript, Fastify, FastAPI and Inertia.js were each picked up mid-project, on a deadline, with the codebase already running. That is the pattern: read the code, ship something small, then go deeper. Structured problem-solving and AI-assisted workflows let me move at that speed without cutting corners.
Five of my projects use AI as core architecture rather than decoration: an agentic browsing extension that routes work across seven model providers, a multi-tenant RAG agent platform, Gemini Vision plant diagnostics, an AI burnout coach, and an AI certificate-feedback pipeline.
-
01
End-to-end ownership
From the first requirements conversation to post-release support, I own the outcome — analysis, architecture, build, testing, delivery. Every project listed here went through that full cycle.
-
02
Cross-functional coordination
Delivering at scale means keeping people aligned. I help coordinate 16 interns across 5 concurrent projects — assigning tasks, reviewing progress and clearing blockers — while continuing to ship my own features.
-
03
Rapid adaptation
TypeScript, Fastify, FastAPI, Inertia.js — all learned on live projects. I read the codebase, ship something small quickly, then go deeper.
-
04
AI as architecture
RAG retrieval, computer vision diagnostics, burnout classification, streaming pipelines. Systems where the model carries real weight, not demo wrappers.
03 — Skills
What I work with
Grouped by what it is used for. Everything here is something I have written real delivery code with — each case study lists the full stack that project used, so any of it can be checked against the work.
Core stackdrag to turn
Languages
- PHP
- JavaScript
- TypeScript
- Python
- Java
- SQL
- HTML
- CSS
Backend frameworks
- Laravel
- Fastify
- FastAPI
- Express.js
- Inertia.js
Frontend
- React
- Next.js
- Tailwind CSS
- shadcn/ui
- Radix UI
- Framer Motion
- Alpine.js
- Blade
- Zustand
- Zod
- React Hook Form
- TanStack Query
- SWR
- Recharts
- Chart.js
- Axios
- Vite
- Canvas 2D
Databases
- MySQL
- PostgreSQL
- MongoDB
- SQLite
- Redis
AI & real-time
- Gemini
- OpenAI
- Groq
- Claude
- Cerebras
- Mistral
- OpenRouter
- SSE streaming
- Socket.io
- WebRTC
- Pusher
- Liveblocks
- Puppeteer
Integrations & platform
- Midtrans
- Xendit
- Google Calendar API
- Google OAuth 2.0
- Open-Meteo API
- WhatsApp API
- Chrome Extension
- Laravel Sanctum
- Spatie Permission
- JWT
- bcrypt
- DomPDF
- Leaflet
Engineering & delivery
- REST API development
- Authentication & authorization
- RBAC
- MVC architecture
- System analysis
- Requirements translation
- Functional testing
- End-to-end testing (Cypress)
- UAT
- Documentation
- Agile / Scrum
- Rapid prototyping
Collaboration
- UI/UX/CX collaboration
- Cross-functional collaboration
- Mentoring
- AI-assisted development
Tools
- Git
- GitHub / GitLab
- Docker
- Postman
- pnpm
- VS Code
- Figma
- Visual Paradigm
04 — Experience
Where I have worked
Seven roles since 2023, across product engineering, government systems, data management, two terms teaching practicum classes and a UI/UX internship — plus the degree that ran alongside them. Most recent first.
-
May 2026 — Present
Full-Stack Developer
MAXY Academy 1-year contractKept on full-time after the internship programme, on a one-year contract. I build and deliver web applications end-to-end across MAXY's internal platforms and its client work — owning each one from the first requirements conversation through solution planning, implementation, testing, refinement and release support, rather than being handed a ticket and a finished spec.
Laravel · React · Next.js · TypeScript · MySQL
-
Oct 2025 — Apr 2026
Full-Stack Developer Intern
MAXY Academy Kemnaker MagangHubDelivered web applications for internal platforms and confidential client projects — both new products and feature work on existing ones, in lean teams where one person carries frontend, backend and database at once. Helped coordinate 16 interns across 5 concurrent projects: assigning tasks, reviewing progress, clearing blockers and holding five delivery timelines in alignment at the same time. Wrote the learning modules the cohort trained on, and mentored interns on coding practice, breaking work down, and what “done” actually means.
Laravel · React · Next.js · TypeScript · MySQL
-
Aug — Dec 2024
Full-Stack Developer Intern
Kemendikbudristek MBKM / MSIBWorked on national education infrastructure with a cross-functional team: the SISTER infrastructure module, the ministry's integrated resource system for higher education, and the re-engineering of SISARPRAS. Implemented and refined CRUD flows inside an existing production codebase, took part in code review in both directions, and kept the change logs that made handover to the permanent team clean. Stand-ups and sprint rituals throughout — my first experience of shipping into a system I did not get to design.
Laravel · PHP · Agile / Scrum
-
Jun — Aug 2024
Data Management Intern
Telkom IndonesiaOwned data integrity for a weekly reporting cycle — entering, updating, validating and cross-checking large data sets across spreadsheets and databases, and reconciling the disagreements that surfaced between sources. Built the summaries and reports that fed weekly reporting, and wrote down the data definitions and update procedures so the process did not depend on me being in the room.
Data management · Reporting
-
Feb — Jun 2024
Practicum Assistant — Analysis & Design of Information Systems
Telkom UniversityTaught requirements identification and UML modelling — use case, activity, sequence, class, component and deployment — to an undergraduate cohort, working in Visual Paradigm. Reviewed their models and specifications, standardised the templates the class worked from, and prepared the UAT notes their mini-projects were assessed against. Teaching system analysis is what turned it from a subject I had passed into something I could do on demand.
UML · Visual Paradigm · System analysis
-
Sep — Dec 2023
Practicum Assistant — Object-Oriented Programming
Telkom UniversityTaught core Java object-oriented programming — abstraction, encapsulation, inheritance, polymorphism — through lab sessions and code review. Wrote the practice material and worked examples the class used, and assisted with assessment. Two terms of reading other people's code under time pressure is where I learned to find the fault fast and explain it without discouraging anyone.
Java · OOP · Code review
-
Aug — Oct 2023
UI/UX Designer — Project-Based Virtual Internship
Niagahoster × Rakamin AcademyA project-based virtual internship in product design: lo-fi through hi-fi prototyping with micro-interactions, and handoff files a developer could actually build from. Redesigned Niagahoster's payment flow as the capstone and presented the outcome, with usability and heuristic reviews driving each iteration. It is the reason I can hold a design conversation rather than only implement what lands in front of me.
Figma · UI/UX · Usability testing
-
2021 — 2025
B.Sc. Information Systems
Telkom University, BandungSchool of Industrial Engineering. GPA 3.70 / 4.00. BNSP Certified System Analyst, valid 2025–2028.
05 — Interactive
Merge the batik
Drop a motif into the jar. Two of the same motif touch, they fuse into the next motif up. Stack past the line and the round ends. That is the whole rule. Underneath it sits a physics solver, the merge resolution and a ladder of ten motifs, all written from scratch here.
Two of the same become one bigger.
Aim with the pointer, click to drop. Keep the pile under the line.
Over the line
0
points
Rigid-body physics, merge resolution and every motif sphere are drawn to a
2D canvas here, with no game engine and no sprite sheet. The motifs come from
batik/batik.js, a pattern library I wrote.
06 — Contact
Let's work together
Open to Full-Stack Developer roles, mid-level or junior with room to grow — onsite in Jakarta, hybrid, or fully remote. Happy to talk about backend-leaning, frontend-leaning or genuinely full-stack positions. I usually reply within a day, and the CV below has the dates and details laid out for a hiring process.