
DigiKelas
UID: digikelas-001Active
Interactive web-based digital learning platform for elementary students, featuring interactive e-modules and mini-games.
System Architecture
Client-server architecture utilizing Next.js App Router and Server Actions for the frontend, heavily integrated with Supabase as the backend/BaaS for PostgreSQL database management, robust session handling, and PIN-based authentication.
Performance Metrics
Real Experience Score averages 75 (Vercel Speed Insights - Desktop).
Core Web Vitals: FCP 0.99s · LCP 0.99s · INP 80ms · CLS 0.84 · TTFB 0.03s
Active Milestone: Currently optimizing Cumulative Layout Shift (CLS) by stabilizing dynamic layouts during component hydration. Supabase and Next.js App Router ensure highly responsive and low-latency data fetching.
Snapshots

PIN-based authentication.

Dashboard overview.

E-Module flipbook.

Video player for interactive content.

Printable worksheet.

Quiz with timer.

Result summary.

Printable certificate.

Interactive #1 mini-games.

Interactive #2 mini-games.

Interactive #3 mini-games.

Interactive #4 mini-games.

Interactive #5 mini-games.

Interactive #6 mini-games.