PPDB Surabaya
Simplifying elementary school registration through digital transformation
PPDB Surabaya is an online registration platform built to streamline elementary school admissions in Surabaya. The system automates manual processes, reduces paperwork, and ensures accessibility across devices through a responsive and scalable architecture.

The Journey
Digitizing a Manual Enrollment Process
From paperwork to a seamless digital workflow
Elementary school registration traditionally involved paperwork, manual verification, and long queues. The challenge was to digitize this process while maintaining accuracy, accessibility, and reliability. Key concerns included: • Preventing registration data errors • Supporting users with varying technical literacy • Ensuring platform stability during peak registration days • Designing a simple yet comprehensive interface The system had to be intuitive enough for parents while remaining technically robust behind the scenes.
Clean Architecture & Responsive Design
Scalable, maintainable, and accessible
We built the platform using React.js and TypeScript to ensure dynamic, type-safe components. Redux.js handled state management efficiently, especially for multi-step registration flows. Key implementation strategies: • Modular programming structure for maintainability • Clean architecture principles to support scalability • Tailwind CSS for responsive and consistent UI • Optimized API integration using Node.js services The hybrid development approach ensured users could access the system smoothly from desktops, tablets, or smartphones.
Empowering Thousands of Families
Efficiency, accuracy, and accessibility
PPDB Surabaya significantly improved how elementary school admissions are handled in Surabaya. Impact highlights: • Reduced paperwork and administrative burden • Minimized registration errors through automated validation • Increased accessibility through responsive design • Scalable infrastructure capable of handling high user volumes The platform demonstrated how modern frontend engineering and clean architecture can solve real-world public sector challenges effectively. This project strengthened my experience in building scalable government-focused web systems that prioritize accessibility, usability, and performance.
Technologies Used
Key Features
Key Learnings
Government and public-facing platforms require high accessibility standards
State management is critical for complex multi-step form systems
Clean architecture improves long-term scalability and maintainability
Performance optimization is essential during peak traffic periods
User-centered design is especially important for diverse demographics
Project Gallery



Interested in this project?
Feel free to explore the code or see it in action. I m always happy to discuss the technical details!