SekolahKu
Finding accurate school information once required navigating thousands of scattered websites. Portal Sekolahku solves this by acting as the Ministry of Education's (KPM) official centralized directory—unifying a fragmented ecosystem of over 10,000 school profiles into a single digital ecosystem. Built on a scalable, open-source architecture to prevent vendor lock-in, the platform serves as a "One-Stop Centre" and a reliable single source of truth for academic statistics and announcements. Featuring an intuitive location-based search engine, the portal simplifies discovery for the public while representing a major technical step forward in Malaysia’s digital government transformation.
Project Links
Please note that the project has not yet launched. Live access will remain unavailable until the official release.
Sekolahku Official Website
Frontend Tech Stack
- Typescript
- React
- TailwindCSS
- i18n
- MYDS UI
- Leaflet
- Recharts
- Zustand
- Vite
Devops Frontend Tech Stack
- AWS S3
- Github Action
Tech Stack (Backend and Devops)
- Bun
- Typescript
- AWS S3
- Fastify
- Mongoose
- Zod
- Docker
- AWS ECR
- AWS ECS
- MongoDb
CMS Tech Stack (CMS and Devops)
- Typescript
- Payload CMS
- MongoDb
- AWS S3
- Docker
- AWS ECR
- AWS ECS
Leadership & Core Responsibilities
Frontend Architecture & Team Mentorship
- Established the core architectural foundation from scratch. Managed and mentored junior developers, delegating tasks, and providing hands-on training for implementing the Malaysia Design System (MYDS).
Stakeholder Management (UAT/FAT)
- Facilitated smooth testing phases by addressing stakeholder feedback in real-time, executing rapid UI and functional modifications on the spot.
Scope & Phase Management
- Assessed major structural or feature change requests during testing, collaborating with the broader development team to categorize them as critical fixes or scope them as enhancements for subsequent phases.
Cross-Functional Collaboration
- Partnered closely with UI/UX designers to translate Figma designs into pixel-perfect interfaces, and worked heavily with the backend team to ensure optimal data delivery.
Frontend Development Lead
- Spearheaded the frontend development and managed the team responsible for building the centralized Content Management System (CMS
Frontend Contributions
Immersive School Map Experience
- Built the School Maps page from scratch with Leaflet, React hooks, and Zustand stores (store/mapView.ts, store/locationSession.ts) to manage geolocation, zoom-driven radius queries, and real-time marker hydration.
- Implemented map components for search, filters, polygon overlays, info windows, and location pickers, enabling citizens to explore schools and state boundaries with precise geospatial context.
Geospatial School Explorer
- Engineered the full Leaflet-based exploration stack (src/pages/SchoolMaps.tsx, src/components/maps/**) to render Malaysia-wide school clusters, lazy-load S3-backed detail payloads, and draw administrative polygons so planners grasp regional coverage at a glance.
- Implemented responsive marker interactions and MapViewController logic to synchronize zoom, center, and panes, ensuring smooth transitions from country view down to individual campuses while keeping performance predictable.
Frontend Platform
- Established a modern Vite + React 19 + TypeScript stack, wiring MYDS theming, Suspense fallbacks, and Helmet providers to deliver a resilient national-scale web shell ready for production traffic.
- Embedded Tinybird analytics ingestion and a developer access guard directly in App.tsx, enabling real-time usage telemetry.
Build, Localization, and Ops
- Configured Tailwind, PostCSS, ESLint, and TypeScript project files, plus sitemap and prerender scripts, so builds remain deterministic and SEO-friendly.
- Bootstrapped i18n infrastructure and language-aware helpers, equipping the platform for Bahasa Melayu and English audiences from day one.
Precision Search & Personalization
- Built the adaptive search surface with MyDS UI primitives, slash-to-focus shortcuts, debounce-driven APIs, and cascading negeri/jenis filters so officers can pinpoint institutions in seconds.
- Layered personalized geolocation via useLocationSessionStore and sessionStorage, auto-populating user markers, computing nearest-school distances, and restoring sessions to minimize repetitive input for field teams.
State Management & Data Services
- Centralized spatial, query, and polygon state in useMapViewStore (Zustand), enabling deterministic updates across map overlays, info windows, and search results while keeping data fetches side-effect free.
- Wrapped downstream APIs (src/services/*.ts) into typed clients, normalizing analytics, acara, siaran, and polygon payloads so every UI surface consumes consistent, production-grade data contracts.
Backend and CMS Contributions
Backend Endpoint Preparations
- Implemented a Fastify endpoint inside the Sekolahku Mod API that exposes school data through API-key authentication, aligning with the project’s Zod schemas and MongoDB models to keep ingestion traffic type-safe and production ready.
- Wired the endpoint into the plugin-driven stack (security headers, CORS, Swagger, structured logging), ensuring the new capability is documented, observable, and available to downstream consumers of the national-scale school dataset.
Repository Stewardship
- Directed all architecture and implementation decisions for the Sekolahku CMS codebase, ensuring every merge aligned with product roadmap and production reliability standards.
- Maintained version control hygiene, reviewing 100% of pull requests to enforce testing discipline, coding conventions, and regression-safe releases.
Engineering Governance
- Established the end-to-end contribution workflow—branching, CI checks, code review gates—so junior engineers could ship safely without sacrificing velocity.
- Audited each feature build for scalability and maintainability, catching integration risks early and keeping the platform deploy-ready at all times.
Team Enablement
- Mentored junior developers through design reviews and pairing sessions, translating high-level requirements into actionable implementation plans.
- Provided continuous feedback on implementation quality, accelerating ramp-up time and raising the overall engineering bar for the CMS team.
Devops Contributions
CI/CD & Frontend Deployment
- Managed the end-to-end deployment lifecycle for the frontend application. Configured and maintained automated CI/CD pipelines using GitHub Actions to build and deploy artifacts securely to Amazon S3, handling the subsequent routing and integration with the broader cloud infrastructure.
Build Crash Resolution
- Diagnosed and resolved a silent post-build failure in AWS Amplify following a Next.js upgrade. Traced memory overflow issues through AWS logs to conflicting versions of the sharp image library, restoring deployment stability by enforcing strict package dependency overrides.