abdadraka
0%
Project #1

EKS-KULINE


RoleFront-End Developer
TaskUI Architecture & Implementation
ForSMK Negri 4 Tangerang
Completed in2024

Eks-Kuline Hero Interface

Overview

EKS-KULINE is a centralized extracurricular tracking platform developed during an exclusive academic acceleration program. Built through intensive daily coding sprints, the application serves as a comprehensive portal for students to register for activities, track attendance, monitor schedules, and view grading results.

Problems

Extracurricular administration traditionally relied on fragmented, manual processes. Students faced friction when trying to coordinate schedules or register for clubs, while administrators struggled with tracking attendance and distributing grades across unorganized legacy systems.

Goal

To engineer a unified, user-friendly digital ecosystem that streamlines student activities. The objective was to design a highly accessible interface capable of consolidating registrations, live attendance tracking, dynamic schedules, and grade visualization into one seamless web application.

Solution

A structured, multi-role frontend architecture was constructed using React.js and Tailwind CSS to handle diverse academic data. The platform utilizes clean visual hierarchies and responsive components to ensure complex scheduling and grading information remains highly digestible, resulting in a frictionless administrative experience.

MY APPROACH

01

Discover

Analyzing administrative bottlenecks to define core requirements for a unified portal that connects student registrations, schedules, attendance, and grading.

02

Wireframe

Drafting a structured layout optimized for clarity, ensuring that intricate academic schedules and grade statistics are visually prioritized and easy to navigate.

03

Design System

Establishing a modern, accessible visual identity suitable for educational institutions, prioritizing highly legible typography and responsive mobile layouts.

04

Intensive Development

Executing rigorous daily coding sprints within the acceleration program to rapidly construct a performant, modular Front-End architecture.

05

Launch

Deploying the centralized tracker, gathering immediate feedback from students and staff, and refining the registration workflows based on real-world usage.

Next ProjectSARPRASKU
abdadraka © 2026
Gemayel Abdad Rakadiansyah | Creative Developer