Open to work Jakarta, Indonesia Remote friendly
I build and deliver end‑to‑end web applications.
Full-Stack Developer at MAXY Academy. I start with the problem a product is there to solve, then take it from first requirements to release — interface, server, database, testing, launch. The seven on this page are the ones I can show: AI tools, learning platforms, and the software businesses run their day on.
01 — Selected work
Seven I can show you
This is not everything I have built — it is everything I am free to show. Four came out of my work at MAXY Academy and three 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 / 07
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
02 — About
About me
I build web applications end to end — and I start by working out what problem the thing is actually there to solve, so what gets built is an answer to it rather than a list of features.
That is the habit the BNSP System Analyst certification is really about, and it runs all the way down: a feature earns its place because something in the problem asked for it. From there I carry the whole cycle — requirements, database design, backend, frontend, testing, release. My core stack is Laravel and React/Next.js with TypeScript, on SQL, with REST APIs.
The seven products below are the ones I am free to show, not everything I have built; five are live and in use. Four came out of my work at MAXY Academy, three I built on my own time because I wanted to know how something worked. On several of them the AI is load-bearing rather than decorative — an agentic browsing extension, a retrieval platform built so the agent can say it does not know, a burnout signal read from real workload data.
At MAXY Academy I also help coordinate 16 interns across 5 concurrent projects. Before that I worked on the SISTER infrastructure module and the SISARPRAS re-engineering at the Ministry of Education, and 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 — read the code, ship something small, then go deeper.
-
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 here went through that full cycle, starting with the problem it exists to solve.
-
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
Retrieval built so the agent can refuse rather than guess, an agent that drives a real browser, burnout read from real workload data, 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, and most of it can be checked against the case studies — each one lists the full stack that project used. The rest came out of work I cannot show.
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
- 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.