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

See my work Download CV
7products I can show
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

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

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

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.

  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 here went through that full cycle, starting with the problem it exists to solve.

  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

    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.

  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.