Lokakarsa

(Web App, Edutech2025)

Lokakarsa

Client

Personal & Team

Role

Frontend Developer

Year

2025

Stack

React · NextJS · TailwindCSS · Laravel · Zod · ExpressJS

Live

(Challenge)

Thebrief.

Building an engaging, gamified platform for learning traditional Javanese script (Aksara Jawa) poses unique interaction and technical challenges. Unlike modern text-based languages, mastering Aksara Jawa requires intuitive stroke-order recognition and continuous user engagement, similar to learning Japanese kanji or utilizing a Duolingo-style reward structure. The core difficulty lies in leveraging an HTML canvas to accurately capture, track, and validate free-hand user brush strokes in real-time, ensuring the system can precisely evaluate writing precision and stroke direction while maintaining fluid performance across various screen sizes.

To solve this, Lokakarsa implements an interactive HTML canvas layer mapped with real-time vector path tracking to capture and analyze user stroke data instantaneously. By breaking down each Aksara character into predefined coordinate sequences, the application evaluates user input for both structural accuracy and stroke order, providing immediate, visual feedback. This robust canvas mechanic is seamlessly combined with a modular, gamified learning progression—featuring structured bite-sized lessons, interactive writing prompts, and real-time streak tracking to turn a complex cultural writing system into an intuitive and accessible digital learning experience.

Lokakarsa Showcase 1
Lokakarsa Showcase 2
Lokakarsa Showcase 3

(Next project)

SELARAS