Crafting great software

Muhammad
Mugni Hadi

Software Engineer

Building products people use every day — from real-time chat systems to cross-platform mobile apps. 7+ years shipping web and mobile experiences with React, Next.js, and React Native.

Get in touch View my work
7+ Years Exp.
297+ Features Shipped
8 Products Built
React
Next.js
TypeScript
React Native
scroll 
╭────────────────────────────────────────╮
│  ✦  claude  —  mugni@maestra ~ v1.0.0  │
╰────────────────────────────────────────╯
>
⏵⏵ accept edits on (shift+tab to cycle)
✦ Sonnet │ ~/mugni/portfolio
main │ 0 tokens │ $0.00
About Me

Building things end to end

I'm Mugni — a Software Engineer with 7+ years of experience shipping web and mobile products. I care about the full picture: from architecture decisions to the user clicking a button.

I'm big on AI-assisted development — it's changed how I work and ship. My stack centers on React, Next.js, React Native, and TypeScript, with a focus on reliability and testing.

Currently at Rukita, Indonesia's leading proptech platform with 1,500+ rental properties across 21 cities. I work across web, mobile, and internal tools — wherever the team needs me.

📍
Location Jakarta, Indonesia
🎓
Education S.TI — Universitas Gunadarma
💼
Current Role Software Engineer @ Rukita
🧪
Focus AI-Assisted Dev, Performance, Testing
Experience

Where I've built things

Software Engineer

PT Rukita Bhinneka Indonesia
Jun 2022 — Present

Indonesia's leading proptech platform with 1,500+ rental properties across 21 cities.

  • Enabled Rukita's digital platform by leading web (Next.js) and mobile (React Native) platform rebuild, collaborating with engineers, designers, and product managers to deliver both products in 3 months for the company's expansion to 21 cities.
  • Reduced customer service costs by ~$15K+ annually by working with backend and CS teams to architect in-house chat systems replacing Salesforce, implementing WebSocket messaging, ticket management, and CSAT integration.
  • Accelerated internal operations by leading migration of 15+ admin modules from Retool to custom React dashboard, partnering with the operations team to eliminate vendor dependency while improving system performance.
  • Ensured platform reliability for 30K+ monthly active users by maintaining 4 React Native applications, driving Node.js 24 migration across 3 codebases, and establishing testing best practices with Jest, Playwright, and Storybook.

Frontend Engineer

PT Rukita Bhinneka Indonesia
May 2020 — Jun 2022

Delivered and maintained features on the Rukita website, collaborating closely with product managers, designers, and engineers.

  • Optimized code to reduce bundle size and minimize JavaScript downloads, ensuring the website loads quickly and efficiently.
  • Developed a custom cache handler using Express and Redis to address issues with the existing library for caching SSR responses in Next.js.
Oct 2018 — Mar 2020
  • Contributed to Indonesia's first national webcomic platform reaching 30M monthly readers by developing and maintaining ciayo.com and rewards.ciayo.com using React and Next.js, collaborating with design and backend teams.
  • Enabled platform monetization by integrating Google Publisher Tags and MFun advertising systems, adapting third-party SDKs to React's component lifecycle to support revenue model.
  • Improved user experience by implementing state management with Redux and React Context for authentication flows, personalized content, and conditional UI rendering across the platform.
Projects

What I've worked on

Core Product

Rukita.co — Web & Tenant App

Indonesia's leading co-living platform with 1,500+ properties across 21 cities, serving users on web and mobile. Built with Next.js 14 + React Native. Features include property search, booking & payment flows, visitation scheduling, service requests, SEO optimization, i18n, and a full in-app real-time chat system.

Next.jsReact NativeTypeScriptTailwind CSSReact Query
Core Feature

In-App Chat System

Real-time chat system embedded across Rukita's web, tenant app, and internal dashboard. Supports unit visitation chat, customer service, and WhatsApp-integrated sales communication. Built with WebSocket, FCM push notifications, CSAT ratings, file attachments, anonymous chat, and CS ticket management.

WebSocketFCMReact NativeService Workers
Admin Platform

Internal Dashboard

Enterprise admin dashboard migrated from Retool to custom Next.js platform. 15+ menus covering orders, invoices, tenants, landlords, promotions, SEO management, and a WhatsApp-integrated chat interface used by the sales team to communicate with prospective tenants.

Next.jsTypeScriptReact Query
Mobile App

RuManage App

Landlord management mobile application for property owners. Features dashboards with analytics charts, property management, reports, Appsflyer integration, and marketing dashboards.

React NativeTypeScriptAppsflyer
Government

Divhubinter Polri Portal

Internal web portal for the Indonesian National Police International Relations Division (Divhubinter Polri).

Web Portal
Government

Interpol NCB Indonesia Portal

Web portal for Indonesia's National Central Bureau (NCB), facilitating international police cooperation.

Web Portal
Side Project

Wibuverse

E-commerce platform for indie creators using React, Next.js, and Redux.

Next.jsReactRedux
Skills

My toolkit

Languages

JavaScriptTypeScript

Frameworks

ReactNext.jsReact NativeTailwind CSSNode.js

Testing & Quality

JestPlaywrightStorybook

Tools & Services

GitFirebaseSentryTanStack Query

AI-Assisted Development

Github CopilotClaude Code
Contact

Let's build something
together

I enjoy connecting with people who care about building great software — whether it's a collaboration, an interesting project, or just a good engineering conversation.

Say hello →
iam@mugnimaestra.dev LinkedIn GitHub