Hansard Parliament
Transforming how citizens engage with their government. Hansard Parlimen is a dynamic government-to-citizen (G2C) platform that modernizes Malaysia’s parliamentary meeting records. By replacing cumbersome legacy PDFs with a centralized digital archive, smart keyword search, and data-driven analytics, this platform makes seaching needed data instantly accessible.
Project Links
Please note that the project has not yet launched. Live access will remain unavailable until the official release.
Malaysia's Hansard Parliament
Frontend and Devops
- NextJS
- Typescript
- React
- NodeJS
- TailwindCSS
- MYDS
- Radix UI
- Chart JS
- i18n
- Axios
- Tinybird
- PWA
- Docker
- AWS Amplify
- Git
- Github
Core Maintenance & Team Leadership
Lead Frontend Maintainer
- Assumed full ownership of the frontend architecture during a critical team transition, ensuring seamless project continuity, stability,
Engineering Mentorship
- Spearheaded the upskilling of junior developers, accelerating their transition from foundational HTML/CSS to advanced React and Next.js paradigms, empowering them to independently ship and maintain production code.
Cross-Functional UI/UX Engineering
- Partnered directly with design teams to translate user testing feedback into production. Iteratively refactored complex, data-heavy UI components to drastically improve user experience and interface performance.
Advanced Search Interface & API Integration
- Built and managed the complex UI state for the advanced search and aggregation interface.
- Handled user inputs for exact phrase matching and multi-parameter filtering (MP, political party, demographics), constructing precise payload requests to the backend APIs and dynamically rendering the retrieved results.
Testing, Debugging & Optimization
UAT & FAT Resolution:
- Acted as the primary frontend liaison with User Acceptance Testing (UAT) and Factory Acceptance Testing (FAT) personnel, actively gathering feedback, diagnosing issues, and deploying rapid repairs.
Complex Bug Fixes, Silent Death
- Successfully resolved critical rendering bugs preventing Next.js SSR (Server-Side Rendering), SSG (Static Site Generation), and ISR (Incremental Static Regeneration) from functioning properly on AWS Amplify.
Data Visualization Rectification
- Diagnosed and fixed complex charting state issues where the frontend failed to display information accurately despite receiving correct data payloads from the backend.
Search Trigger & Highlighting Repairs:
- Fixed critical UI bugs where search executions failed to trigger in the Hansard Catalogue, successfully restoring the dynamic visual highlighting of searched keywords within the rendered text.