Ruang Ajar.

From lesson preparationto classroom practice.

A web app that helps teachers prepare lessons from a topic or uploaded PDF/photo, create exams, check student answers with AI, run quizzes, and display leaderboards. Google login supports multiple teachers, with multiple subjects and per-teacher data synced across devices.

YEAR: 2026
TYPE: FULL-STACK / WEB APP
STATUS: LIVE DEMO

BUILT WITH

Nuxt
Vue
TypeScript
Tailwind CSS
Neon Postgres
Drizzle ORM
Google OAuth
Gemini AI
Vercel

visit live site ↗

01 / PREPARATION

Teacher references,editable drafts.

Teachers enter a topic, class level, notes, and text or PDF/photo references. Gemini helps draft explanations, patterns, examples, exercises, and answer keys. Results can be reviewed, edited, saved, and printed. A bank of example questions guides the style of exams generated from selected lesson topics.

01TOPIC & REFERENCES
02AI DRAFT
03REVIEW & EDIT
04SAVE
05USE IN CLASS

READY

02 / CLASSROOM PRACTICE

AI gives feedback,teachers decide the grade.

Answer checking produces feedback and suggested points. Teachers approve the result before points reach the leaderboard. Multiple-choice quizzes present one question per screen and record points on completion. Nuxt and Vue connect to Neon Postgres through Drizzle ORM; Google login keeps each teacher's lessons, question patterns, and points separate and accessible across devices.

LESSONS & EXAMSMultiple subjects, teacher references, and editable results.

PRACTICEAI answer feedback and multiple-choice quizzes.

TEACHER ACCOUNTSGoogle login and per-teacher data stored on the server.

NEXT PROJECT

Hadirin01 ↗