Lesson-Game Real-World Classroom Game

Problem

Classroom gamification often has specific weaknesses: exercises become abstract clicks, the visual style feels adult-oriented, lower-primary learners struggle to enter the scenario, and levels lack a story line, error tracking, deductions, ratings, and immediate feedback. Lesson-game targets primary-school English and everyday lessons, turning textbook images, slide screenshots, or theme materials into runnable HTML interactive games.

How it works

• Four progressive levels: vocabulary recognition, sorting, task execution, and review, mapping from Remember to Evaluate.
• Real-world scenarios: warehouse retrieval, supermarket shopping, kitchen cooking, restaurant ordering, farm picking, and backpack organization, embedding target vocabulary in concrete tasks.
• Round & Cute UI: Fredoka One, Quicksand, macaron colors, large radii, capsule buttons, and bouncy animations, with a child-friendly, touch-first presentation.
• Feedback system: tracks errorCount, deductions, accuracy, ratings, star points, and reward exchange, with optional Web Audio API success or error sounds.
• Output: generates level1 through level4 HTML files, along with a complete plan, teacher transitions, and usage notes.

Boundaries

It fits lower-primary classes and vocabulary or theme-based lessons where a cute, immersive classroom style is desired; for serious business UIs, complex systems, or full accessibility compliance, the front-end implementation needs extra adjustments.