Web

Cendekia LMS

The gamified teaching side of the Cendekia campus platform — auto-graded quizzes, XP, streaks and badges, and live attendance — built to feel like an app students actually want to open, as an installable PWA on the edge.

Vue 3SupabaseGamificationPWA
ImpactGamified learning platform
3Gamification systems
3Access roles
0Servers to manage

See it in action

The live product on desktop, tablet and phone.

lms.learningsystem.my.id
Cendekia LMS on desktop
Cendekia LMS on a tablet
Tablet
Cendekia LMS on a phone
Mobile

Case Study

The Challenge

Teaching software fails in the opposite way to an administrative portal: it has to be light and motivating, something students actually want to open. A learning platform that feels like yet another form to fill in gets ignored — the engagement has to be designed in, not bolted on.

My Approach

The LMS is the teaching half of Cendekia, sharing one design language and one backend model with SIAKAD. It leans into engagement: auto-graded quizzes give instant feedback, and progress is driven by three gamification systems — XP, streaks and badges — while lecturers run live attendance. The whole thing is designed to feel like an app rather than a spreadsheet.

It's built in Vue 3.5 + Vite 7 with Tailwind v4, backed by Supabase (Postgres, Auth and row-level security), and ships as an installable PWA — so a student can add it to their home screen, and there are no servers to babysit.

The Results

A deployed learning platform live at lms.learningsystem.my.id, paired with SIAKAD as the two halves of Cendekia — the largest full-stack work I've shipped. It runs a demo mode seeded with representative personas, so anyone can log in and try the quizzes, streaks and attendance without any real student data being involved.

Tech Stack

Vue 3.5Vite 7Tailwind CSS v4PiniaSupabase (PostgresAuthRLS)PWACloudflare Pages