← [05] PROJECTS / MODULE 01

Programatical — gamified learning platform

CAPSTONE // SOFTWARE ENGINEERING EDUCATION

PROJECT MEDIA 01 / CMS ASSET16:9
[ PROJECT SCREENSHOT / CMS IMAGE ]
FIG.02 — PRODUCT INTERFACEDYNAMIC MEDIA
01 / OVERVIEW

Interactive, gamified educational platform developed as a capstone project. It combines software engineering learning paths, multi-step lessons, quizzes, ordering challenges, scoring, a real-time leaderboard and content management.

02 / CHALLENGE

Turn software engineering concepts—including Scrum, architecture, SOLID, DDD and Git workflows—into a free, hands-on learning experience with clear student progression and complete authoring tools for instructors.

03 / SOLUTION & OUTCOMES

→ Student area with a personalized dashboard, active courses, progress tracking and new enrollment options.

→ Multi-step lessons with theory, multiple-choice questions and ordering challenges, all with immediate feedback.

→ Points system, real-time all-time and weekly leaderboards, and student profile management.

→ Admin panel with CRUD for courses, modules, lessons and stages, using forms validated with Zod and React Hook Form.

→ NoSQL persistence in Cloud Firestore and student/admin authentication with Firebase Auth.