HM
View Projects
jakarta · indonesia · utc+7

Software Engineer / Senior Frontend

Building reliable software
products from interface to infrastructure.

I develop web systems that connect clean frontend experiences, scalable backend services, API integrations, and business workflows into real-world digital products.

nameHaris Mauladi
roleSoftware Engineer / Sr. Frontend
locationJakarta, Indonesia
View Projects Contact Me

main stack

Vue.jsSpring BootGolangPHPFlutterCypress
fig.01 — system.core
light / 01
v.3.1
// floating
/ scroll · explore the system
3 yrs · 4 stacks · 1 engineer

// 01 — About

A software engineer who works across the stack.

“I work across frontend, backend, and integration layers to build systems that solve real business problems — not screens, not slides, but software people use.”

I am a Software Engineer with 3 years of professional experience developing and maintaining medium to large-scale applications. My work covers frontend development, backend services, API communication, CRM systems, payment integration, mobile app development, and system improvement across modern and legacy technology stacks.

  • 01Frontend with Vue, React, Nuxt, Next
  • 02Backend with Spring Boot, Go, Node, PHP
  • 03Mobile with Flutter + GetX
  • 04Integration: Xendit, Meta, Kouventa

/system/architecture

v.3.1

fig.02 — three layerscore → api → business
/ 01 — fe

Frontend Engineering

Component systems, state management, responsive UI, and micro-frontend architecture for production apps.

Vue.jsReactJSNuxtNextJSVuexResponsive UIComponents
/ 02 — be

Backend & System Logic

REST APIs, business logic, and persistence across modern and legacy stacks.

Spring BootGolangGinGORMExpressJSNodeJSREST API
/ 03 — in

Integration & Product Delivery

Third-party integration, payment flows, CRM workflows, and Agile collaboration with product & QA.

XenditMeta BusinessKouventaCRM systemsAgile / ScrumQA

// 02 — Experience

Three roles, four stacks, one engineering practice.

01 — Jakarta · Hybrid

PT Steradian Data Optima

Senior Frontend Developer

Apr 2026 — Present

current

FrontendBackendIntegrationCRMMulti-stack
  • 01Vue.js CRM frontend development for live business operations
  • 02Backend service contributions with Java Spring Boot
  • 03Feature development across Golang + Vue.js
  • 04Bug fixing and stability work on PHP-based applications
  • 05Kouventa integration through Facebook / Meta Business
  • 06API communication and deployment support across stacks
current · present
actively shipping

02 — Jakarta · On-site

PT Bionic Teknologi Indonesia

Software Engineer

Jan 2024 — Apr 2026

2y 4m

FullstackMobileArchitectureTestingPayment
  • 01Fullstack web app development with Vue.js and Spring Boot
  • 02Flutter mobile development using GetX
  • 03Clean Architecture and modular design patterns
  • 04Improved app performance and code efficiency by 30%
  • 05Integrated Xendit payment gateway end-to-end
  • 06Cypress E2E testing and Agile / Scrum collaboration

03 — Jakarta · On-site

PT Angkasa Defender

Frontend Developer Intern

Sep 2023 — Dec 2023

4 months

FrontendMicro FrontendTesting
  • 01Responsive modular web apps with Vue.js and Vuex
  • 02Implemented Micro Frontend architecture
  • 03Built unit tests to improve code reliability

// 03 — Skills

Grouped by what I can actually ship, not what I have tried.

cap/017 items

Frontend Engineering

Component systems, state, routing, performance.

Vue.jsReactJSNextJSNuxt JSVuexResponsive UIComponent Architecture
cap/027 items

Backend & API

REST, persistence, business logic across modern & legacy.

Spring BootGolangGinGORMExpressJSNodeJSREST API
cap/035 items

Mobile Development

Reactive UI, navigation, reusable components.

FlutterGetXAPI IntegrationNavigation FlowReusable Components
cap/046 items

Testing & Quality

Unit, E2E, performance, debugging.

CypressVitestUnit TestingE2E TestingDebuggingPerformance Optimization
cap/056 items

System & Integration

Third-party services, CRM flows, legacy improvement.

XenditMeta BusinessKouventaCRM WorkflowAPI CommunicationLegacy PHP
cap/065 items

Soft Skills

How I work with people.

Problem SolvingTeamworkTime ManagementAdaptabilityCross-functional

/ capability groups · updated jun 2026

Comfortable across modern stacks, and pragmatic with legacy ones.

// 04 — Projects

Six pieces of work that taught me something.

/ crm · 01featured

CRM System — Steradian

Senior Frontend Developer

uiapilogicdb

/ problem

Client business operations needed a reliable CRM interface backed by scalable services.

/ result

Shipped CRM features end-to-end and stabilized live business operations.

stack:Vue.jsGolangSpring BootKouventa
/ payment · 02

Xendit Payment Integration

Fullstack Engineer

checkoutxenditcallback txn.id

/ problem

Needed secure end-to-end payment flow with third-party gateway.

/ result

Live payment flow with secure callbacks and reduced manual reconciliation.

stack:XenditVue.jsSpring Boot
/ mobile · 03

Mobile App (Flutter + GetX)

Mobile Engineer

/ problem

Business needed a reactive mobile app with API integration.

/ result

Stable mobile app with reusable components.

stack:FlutterGetXREST API
/ integration · 04

Meta Business × Kouventa

Integration Engineer

MetaKouventawebhook.flow

/ problem

Client business operations needed to flow through Meta Business into Kouventa.

/ result

Operational integration with stable communication.

stack:Meta BusinessKouventaAPI
/ legacy · 05

Legacy PHP Improvement

Backend Maintainer

functionsyncX()// fix.01 try { api.call() } catch (e) { log(e) }+ tests: 12+ bugs: -30%

/ problem

PHP-based application with reliability issues.

/ result

Improved stability and reduced regression risk.

stack:PHPDebuggingRefactor
/ mfe · 06

Micro Frontend Web App

Frontend Intern

shell / routermfe.authmfe.appmfe.admin

/ problem

Frontend needed to scale across teams.

/ result

Modular frontend with cleaner team boundaries.

stack:Vue.jsVuexMicro Frontend

// 04.b — Featured case study

CRM system across frontend, backend, and integration layers.

  1. 01

    Problem

    Business systems need reliable interfaces, scalable backend services, and smooth integration between modules — not siloed apps that break when one piece moves.

  2. 02

    Approach

    Built frontend features with Vue.js, contributed to backend services with Spring Boot, developed enhancements using Golang, and supported integration with client workflows.

  3. 03

    System Design

    A four-stage flow: User Interface → API Layer → Business Logic → Database / External Integration. Each layer has its own contract and can evolve independently.

/ system design

fig.03

flow.request · 4 stages · sync + async

/ result

Improved maintainability, supported business operations, and delivered features across multiple technology stacks.

3

stacks in use

live

in production

multi

client ops

// 05 — Education & Training

Where I learned to ship, not just study.

/ edu/01 — degreeSep 2025 — Present

Cakrawala University

Bachelor of Computer Science

/ relevant

Data StructureWeb Development
/ edu/02 — bootcampJul 2023 — Dec 2023

Harisenin.com

Fullstack Developer Bootcamp

/ relevant

HTMLCSSJavaScriptReactJSExpressJS
final project:Twitter Clone
/ edu/03 — certificationMay 2023 — Jul 2023

Dicoding

ReactJS Developer Expert

grade · 3.90 / 4.00

/ relevant

ReactJSCypressVitestStorybookGitHub Actions
final project:Forum App

// 06 — Contact

Let's build software
that works beyond the interface.

Open for collaboration, software engineering opportunities, and product development projects.

/ emailprimary
haris1922.hmh@gmail.com
/ linkedinsocial
linkedin.com/in/haris-mauladi
/ portfoliolink
bit.ly/portofolio-haris
/ phone+62
0857 1181 5850
Contact Me View LinkedIn

/ connection.signal

fig.04

6 channels signal open