Nabila Melsyana

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.

See my work Download CV
8products delivered end-to-end
16interns coordinated
3.70GPA, Telkom University
BNSPcertified system analyst
Nabila Melsyana
Nabila Melsyana Full-Stack Developer · Jakarta
Available
Change the cloth
kawung

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

02 — About

About me

Nabila Melsyana
Nabila Melsyana B.Sc. Information Systems
Currently
MAXY Academy, Jakarta
Education
B.Sc. Information Systems
Certification
BNSP System Analyst
Languages
Indonesian, English

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.

  1. 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.

  2. 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.

  3. Rapid adaptation

    TypeScript, Fastify, FastAPI, Inertia.js — all learned on live projects. I read the codebase, ship something small quickly, then go deeper.

  4. 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.

  1. May 2026 — Present

    Full-Stack Developer

    MAXY Academy 1-year contract

    Kept 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

  2. Oct 2025 — Apr 2026

    Full-Stack Developer Intern

    MAXY Academy Kemnaker MagangHub

    Delivered 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

  3. Aug — Dec 2024

    Full-Stack Developer Intern

    Kemendikbudristek MBKM / MSIB

    Worked 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

  4. Jun — Aug 2024

    Data Management Intern

    Telkom Indonesia

    Owned 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

  5. Feb — Jun 2024

    Practicum Assistant — Analysis & Design of Information Systems

    Telkom University

    Taught 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

  6. Sep — Dec 2023

    Practicum Assistant — Object-Oriented Programming

    Telkom University

    Taught 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

  7. Aug — Oct 2023

    UI/UX Designer — Project-Based Virtual Internship

    Niagahoster × Rakamin Academy

    A 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

  8. 2021 — 2025

    B.Sc. Information Systems

    Telkom University, Bandung

    School 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.

Score 0
Best 0
Next Kawung

Two of the same become one bigger.

Aim with the pointer, click to drop. Keep the pile under the line.

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.