[ portfolio ]

Dhaniar Febrin

Frontend Developer based in Yogyakarta, Indonesia. I build front ends for large-scale enterprise platforms with React and React Native, turning complex workflows into structured interfaces: process editors, dynamic forms, micro-frontends and shared UI component libraries.

[+] React
[+] React Native
[+] TypeScript
[+] Next.js
[+] Tailwind CSS
View my work Get in touch

About Me

I'm a frontend developer based in Yogyakarta, Indonesia. I started in 2020 as a vocational school intern building responsive pages for a social web app, and have worked mostly on the front end since, from a university study program platform to a large-scale enterprise platform today.

I turn complex workflows into structured front ends: a BPMN process editor, a dynamic form builder, and a micro-frontend setup that lets many developers work in separate repos while the project stays maintainable. I also maintain a shared UI component library.

I care about clean code, modular UI and developer experience, which in practice means shared components, written front-end standards and code quality checks with SonarCloud. Lately I've been exploring how applications and LLMs fit together and building products on top of them, from structured output and tool calling to UI the model can drive. BPMN AI Studio is the first of those. I write about what I learn along the way.

Tech Stack

[+] React
[+] React Native
[+] TypeScript
[+] Next.js
[+] Tailwind CSS
[+] Zustand
[+] TanStack Query
[+] Astro
[+] bpmn-js / Camunda
[+] Micro-frontends
[+] SonarCloud
[+] Node.js / Express / PostgreSQL

Experience

  1. [+]

    PT Javan Cipta Solusi

    1. Front-End Developer

      Jan 2025 – Present · Sleman, Yogyakarta

      • - Build the front end of a large-scale platform for a major Indonesian private internet network provider.
      • - Built a BPMN process editor and a complex dynamic form builder.
      • - Set up and built a micro-frontend architecture so many developers can work in separate repos, which makes the project easier to maintain.
      • - Maintain Javan's in-house UI component library.
      • - Co-authored front-end coding standards with the tech lead and track code quality with SonarCloud.

      React · TypeScript · Tailwind CSS · bpmn-js · Module Federation · Vite · SonarCloud

    2. Front-End Developer Intern

      Jul 2024 – Jan 2025 · Sleman, Yogyakarta

      • - Automated internal business processes on Camunda, building the front-end task flows.
      • - Presented at an internal Camunda Tasklist workshop.
      • - Started work on the client platform and the component library.

      Camunda · React · TypeScript

  2. [+]

    Program Studi Informatika AMIKOM

    1. Fullstack Developer

      Oct 2023 – Aug 2024

      • - Built the front end of the study program's student showcase platform in React.
      • - Turned UI/UX designs into responsive pages.
      • - Improved client-side performance.

      React

  3. [+]

    Bangkit Academy led by Google, Tokopedia, Gojek & Traveloka

    1. Cloud Computing Cohort 2023 (graduated)

      Aug 2023 – Jan 2024

      Completed the Cloud Computing path of the 2023 cohort.

      • - Capstone: Lambi, a mix-and-match outfit recommendation app.
  4. [+]

    ABP Startup Incubator

    1. Talent Backend Developer

      May 2023 – Mar 2024

      • - Designed the database and REST API for a small business's product catalogue site with a CMS.
      • - Validated all input on the server side.

      Node.js · Express · PostgreSQL

  5. [+]

    PT Mascitra Teknologi Informasi

    1. Frontend Web Developer Intern

      Jan 2020 – Mar 2020 · Jember

      • - Built responsive pages from designs for a social web app for gamers and wired them to API data (vocational school internship).

Education

  1. [+] Universitas AMIKOM Yogyakarta — Bachelor's degree, Informatics

    2021 – 2025

  2. [+] SMK Negeri 1 Banyuwangi — Software Engineering

    2018 – 2021

Featured Projects

View all →
[+]

BPMN AI Studio

React 19TypeScriptVite +6

A browser app that turns a plain-language description of a work process into a standard BPMN diagram. You can change it by chatting, ask questions about it, and export it as a picture. It uses your own AI key and has an English and Indonesian interface.

[demo]
[+]

Dhaniar Expenses

React 19TypeScriptVite +6

A personal finance PWA that records bank transactions automatically from notification emails, keeps a budget for each salary period, and has an AI assistant that always asks for confirmation before it writes any data.

[+]

Personal Portfolio Website

AstroTailwind CSSMarkdown +3

The site you are reading: a static portfolio and blog built with Astro, Tailwind CSS, and markdown content collections, with a terminal-style design, light/dark/system themes, and hosting on Cloudflare Pages.

[code] [demo]

Contact

My inbox is always open. Whether you have a question, a project idea, or just want to say hi — I'll get back to you.