Tech Stack
Education
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.
High School
- Focused on advanced Mathematics, Physics, and analytical logic.
Experience
- 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.
- 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.
- 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.
- 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.
- 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
- 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
- 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
- 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
- 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
- Social storytelling platform built with Angular, TypeScript & DummyAPI integration
- Handcrafted PaperCSS design system with wavy sketch borders & tactile ink drop shadows
- Story & post feed with author cards, real-time like toggling & hashtag navigation
- Interactive topic explorer & tag cloud with real-time keyword search filtering
- Creator directory, rich user profiles & threaded community discussion comments
- 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
- 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
- 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
- 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!
