Benni

Benni

Software Engineer • Full-Stack Developer

A results-driven software engineer passionate about architecting resilient, high-performance web ecosystems and intuitive digital experiences. With a proven track record delivering mission-critical enterprise applications and modernizing legacy codebases, I specialize in the modern React, Next.js, and TypeScript ecosystem alongside robust backend microservices and RESTful APIs built with Spring Boot, Quarkus, and Node.js. I thrive on solving complex full-stack challenges, optimizing runtime performance, and collaborating closely with cross-functional teams to build scalable software that creates real-world impact.

Tech Stack

Frontend & Mobile

React.js
Next.js
TypeScript
JavaScript
Angular
Gatsby
Vite
Ionic
Tailwind CSS
Sass
Bootstrap
HTML5
CSS3

Backend & Database

Spring Boot
Java
Quarkus
Node.js
Laravel
PostgreSQL

Tools & Practices

Git
Docker
Jira
Scrum / Agile

Education

Bina Nusantara University • Computer Science

2016 - 2020

Bachelor of Computer Science (S.Kom.)

  • Built a solid foundation in Software Engineering, Object-Oriented Programming, and Data Structures & Algorithms.
  • Specialized in modern web architectures and full-stack software development.

Maha Bodhi Senior High School • Natural Sciences (IPA)

2013 - 2016

High School

  • Focused on advanced Mathematics, Physics, and analytical logic.

Maha Bodhi Junior High School

2010 - 2013

Junior High School

Maha Bodhi Elementary School

2004 - 2010

Primary School

Experience

Principal Engineer • AIA Singapore

March 2025 - Present
  • Drive end-to-end full-stack architecture for the Elevate POSEZ enterprise initiative, designing robust, high-throughput microservices and APIs with Spring Boot and Quarkus.
  • Lead technical strategy and frontend architecture standards across engineering squads, championing modular design patterns, clean code principles, and performance benchmarks.
  • Mentor and coach frontend and full-stack engineers through technical workshops, pair programming, and comprehensive system design reviews.

Senior Software Engineer • AIA Singapore

February 2023 - February 2025
  • Spearheaded the migration of core systems from legacy GatsbyJS to Next.js, significantly boosting page load performance and reducing codebase size by 20–30% through reusable component architecture.
  • Collaborated with regional engineering teams across Singapore, Malaysia, Indonesia, and China to enhance Straight-Through Processing (STP) rates and optimize operational workflows.
  • Integrated the AIA Digital Feedback Survey, empowering business stakeholders with real-time user insights to drive continuous UX enhancements.
  • Refactored legacy frontend codebases to reduce complexity, eliminate technical debt, and ensure long-term system maintainability.
  • Engineered resilient, scalable integrations with third-party enterprise services and internal microservices.
  • Actively drove Agile ceremonies, led System Integration Testing (SIT) and User Acceptance Testing (UAT) releases, and upheld code quality through rigorous peer reviews.

Software Engineer • AIA Singapore

November 2021 - February 2023
  • Collaborated within a cross-functional agile tribe to optimize Straight-Through Processing (STP) pipelines, reducing transaction processing times and operational overhead.
  • Analyzed product specifications and refactored core frontend modules to enhance runtime performance, readability, and testability.
  • Integrated Adobe Analytics telemetry across critical user journeys, empowering product teams with actionable data to optimize customer experience.

Frontend Engineer • PT Solusi Sinergi Digital (Surge)

August 2020 - November 2021
  • Architected and maintained Content Management Systems (CMS) and interactive quiz modules for the Linipoin and Trivia platforms using Angular.
  • Developed and published cross-platform mobile applications for Linipoin and Sahabi using Ionic, delivering smooth, responsive mobile experiences.
  • Maintained and optimized the Adakita web application using React, improving performance, state management, and responsiveness.
  • Integrated RESTful APIs and ensured cross-browser compatibility and accessibility compliance across all web products.

Frontend Engineer • PT Raksasa Laju Lintang (Ralali)

March 2019 - March 2020
  • Engineered mobile-responsive B2B e-commerce web applications using React, translating complex UI/UX designs into high-performance web pages.
  • Optimized frontend asset delivery, rendering pipelines, and bundle sizes to accelerate load times and improve user engagement.
  • Collaborated closely with backend engineers to integrate REST APIs for product catalogs, cart workflows, and checkout systems.
  • Established automated testing suites using Jest and Cypress, and actively participated in Agile sprint delivery and code reviews.

Showcase

My Personal Website

personal-website
  • Modern interactive personal portfolio built with Next.js 16 App Router & React 19
  • Smooth modal article navigation with GPU-accelerated particle animations
  • Full client-side EmailJS contact pipeline with validation & instant feedback
  • Aspect-ratio preserving image skeleton shimmer loading & WebP optimization
  • Offline-ready Progressive Web App (PWA) with SEO metadata & Google Analytics

Daymark

daymark
  • Team & personal attendance tracking app built with React 19, Vite & Supabase
  • Interactive monthly calendar with color-coded status markers (WFO, WFH, Sick, Leave)
  • One-tap quick entry logging with frictionless passcode-based authentication
  • PostgreSQL backend powered by secure Stored Procedures (RPC) for atomic updates
  • Shared team metrics, monthly breakdown analytics, and responsive design

Chit Chat

chit-chat
  • Instant room-based messaging platform built with React 19, Vite 8 & Socket.IO v4
  • Real-time typing indicators, GPS location sharing & active online member drawer
  • User mentions (@You), Web Audio chime alerts, and live server latency monitor
  • Smart message grouping, consecutive bubble collapsing & native emoji shortcuts
  • Persistent dark/light theme switching with clean Context & sessionStorage state

Cuan Calculator

cuan-calculator
  • Mobile-first financial calculator suite & PWA built with React 19, Vite 7 & Tailwind CSS v4
  • Stock investment toolkit: Profit/Loss, TP/SL, Dividends, Risk Management & Compound Interest
  • Money management & utility tools: Fixed Deposit yields, Retirement planning & Live USD/IDR conversion
  • Performant form validation pipeline powered by React Hook Form, Yup & React Router 7
  • Offline-ready Progressive Web App with Workbox caching & adaptive maskable mobile icons

Story Life

story-life
  • Interactive geo-storytelling platform built with Webpack
  • Modular custom elements built with native Web Components
  • Interactive map exploration powered by Mapbox GL API
  • Custom SCSS design system with client-side form validation

Eatery Catalogue

eatery-catalogue
  • Restaurant discovery Single Page Application (SPA)
  • Automated testing with Jasmine, Karma, and CodeceptJS
  • Optimized asset pipeline & lazy loading via Webpack
  • Built according to WCAG web accessibility (a11y) standards

Covid Case Tracker

covid-case-tracker
  • Epidemiological analytics dashboard built with React
  • Interactive charts visualizing global & Indonesian trends
  • Real-time data synchronization with public health APIs
  • Country-level filtering and search capabilities

Bookshelf Webstorage

bookshelf-webstorage
  • Personal book tracker with persistent browser Web Storage
  • Real-time search and dual reading status shelves
  • Pure vanilla JavaScript DOM manipulation without dependencies
  • Responsive, mobile-friendly card layout

Simple Vanilla Website

simple-vanilla-website
  • Pure HTML5, CSS3, and JavaScript showcase
  • Complex responsive layouts using CSS Flexbox and Grid
  • Lightweight, dependency-free architecture

Contact

Have a project in mind, an opportunity to discuss, or just want to say hello? Send me a message below or connect with me directly!

© 2026 Benni. All rights reserved.