MyMBSA E-Government Citizen Portal
Digital citizen portal equipped with online payment gateways, permit processing, and venue booking features.
Project Overview
A bilingual e-government portal enabling residents to pay assessment taxes, settle fines, and book public facilities securely online.
- Architected reusable React component library with Redux state management patterns
- Integrated Redux-Saga middleware for complex async flows and API orchestration
- Developed secure payment module with real-time validation and receipt generation
- Implemented Formik forms with Yup schemas for robust multilingual validation
- Built i18next internationalization supporting Malay and English with dynamic switching
- Created responsive layouts with Styled Components ensuring mobile-first experience
- Optimized bundle size and implemented code splitting for faster load times
- Collaborated with backend team on API contract design and error handling
Project Journey
Consolidating siloed council department utilities into a single application capable of processing thousands of transactions smoothly.
Modernized the app with a component-driven React framework, Redux-Saga async architecture, Formik validations, and secure checkout links.
Cut public counter processing lines by moving service setups online, pushing digital payment adoption from 12% to 48%.
Technology Stack
Project Gallery
Related Projects
Flash Flood Analytics Dashboard
A smart city proof-of-concept dashboard built with Vue.js and Laravel, integrating IoT data to track and coordinate emergency responses during flash floods.
Sistem Pengurusan Usahawan RISDA
A centralized React dashboard built to monitor entrepreneur profiles, grants, course certifications, and operational site audits.
Ready to start your project?
Let's discuss how I can help bring your ideas to life with modern web technologies.