Selected Work / Case Study
2024Education / Management System
A school management platform supporting academic administration, financial workflows, and reporting.
Role
Frontend Development
Year
2024
Harie / Selected Work
2024
Internal Platform / Frontend Development
Technical Case Study
Project Overview
01 / The Overview
About The ProjectTunas Unggul is a school management platform supporting academic and administrative operations across multiple education levels, from Play School to Senior High School. It brings different school activities and management workflows into a connected digital environment.
The platform covers academic management, student affairs, finance, human resources, school services, and reporting. My role focused on frontend development, building structured interfaces, integrating backend APIs, and maintaining consistent user experiences across different management modules.
Support academic, administrative, and operational activities through a centralized school management platform.
Provide structured interfaces for managing school information, operational workflows, and administrative data.
Develop frontend interfaces, integrate REST APIs, and implement reusable UI patterns across school management modules.
02 / The Process
Behind The Work01 / The Challenge
A school management platform involves interconnected workflows, different data requirements, and multiple user responsibilities. The frontend challenge was to present complex information clearly while maintaining consistent interactions across academic, administrative, and operational modules.
Organize complex information through structured forms and data tables.
Maintain consistent UI patterns across different management modules.
Handle asynchronous data, validation, and user feedback across workflows.
02 / The Approach
I worked on frontend interfaces using reusable components, structured data presentation, and REST API integration. Shared layouts, form patterns, and consistent interaction states helped support different school management activities within a cohesive application.
Develop reusable components for forms, tables, and management interfaces.
Build responsive layouts for different administrative workflows.
Integrate REST APIs and handle loading, validation, and error states.
From Concept to Experience
03 / Key Features
Project DetailsAn overview of the platform's core capabilities and the frontend work involved in supporting school management workflows.
Feature / 01
Interfaces supporting student information, academic activities, and student affairs across different education levels. My frontend work involved presenting structured information, implementing management forms, and connecting interfaces with backend services.
Feature / 02
Administrative interfaces supporting financial records, human resources, and reporting. I worked on organizing data through consistent tables, forms, and API-connected interactions to support everyday management activities.
Feature / 03
Operational features supporting school cooperative activities, orders, and transportation services. The platform also includes route-based fare calculations using Google Maps, connecting location-related functionality with school service workflows.
04 / Tech Stack & Reflection
Behind The BuildThe frontend considerations and engineering practices behind a multi-module school management platform.
01 / Technologies
Responsive Web Interfaces · Reusable Components · Form Handling
REST APIs · Google Maps · Role-Based Access
Git · Component-Based Development · Cross-Functional Collaboration
02 / Reflection
Working on Tunas Unggul strengthened my experience developing frontend interfaces for a large management platform with interconnected modules and different user responsibilities. Maintaining consistency across academic, financial, and operational workflows reinforced the importance of reusable components and clear information architecture.
The project also improved my approach to API integration, form handling, and collaboration across different development responsibilities. It reinforced the importance of building maintainable interfaces that support practical workflows in complex applications.
Always Learning, Always Building
Harie.05 / Up Next
Project 01Continue Exploring
Personal Product / Web Platform
2026© 2026 Harie. All Rights Reserved.
Made with Intention