This project involves the design and development of a comprehensive electronic teaching platform for aesthetics in Art and Performing Arts subjects, targeting secondary education (Grades 7–12 / Matthayom 1–6).

🎨 Electronic Teaching Guide for Aesthetic Education (Secondary Level)

This project involves the design and development of a

comprehensive electronic teaching platform

for aesthetics in Art and Performing Arts subjects, targeting secondary education (Grades 7–12 / Matthayom 1–6).

The platform was created to modernize how teachers engage with aesthetic education by providing structured, interactive, and measurable digital learning experiences. It aligns with Thailand’s national initiative under the

“One Family, One Soft Power Skill”

policy, supported by the Department of Cultural Promotion (Fiscal Year 2024).

📚 Overview

The system transforms traditional teaching materials into an

interactive digital learning journey

, allowing educators to study, engage, and validate their understanding through a guided process.

Each lesson is designed to ensure

active participation

, not passive reading—combining structured content delivery, time-based engagement, and assessment-driven progression.

🚀 Key Features

Interactive Slide-Based Learning Canvas
Lessons are delivered through a custom-designed slide interface, providing a smooth and intuitive learning flow.
Time-Based Learning Control
Users are required to spend a minimum amount of time on each lesson to ensure proper engagement with the content.
Assessment-Driven Progression
Each lesson concludes with an exam that users must pass before unlocking the next module.
Automated Certification System
Upon completing all lessons and passing all assessments, users receive an auto-generated certificate.
User Progress Tracking
Real-time tracking of learning progress, time spent, and assessment results.

🛠️ Tech Stack

Frontend:
Next.js (Monorepo architecture)
Backend API:
Node.js
Database:
MongoDB
Deployment:
Production-ready deployment with performance and scalability considerations
SEO:
Optimized for discoverability and performance

👨‍💻 Responsibilities

Designed and implemented
end-to-end UX/UI flow
for the learning platform
Developed
full-stack application
(frontend + backend API)
Built
custom learning canvas system
for slide-based lessons
Implemented
progress tracking, timing logic, and exam validation system
Developed
certificate generation system
Optimized
SEO and performance
for web accessibility
Managed
deployment and production environment

🎯 Impact

This platform enhances teaching capabilities by providing:

A
modern, structured digital learning experience
A system that enforces
engagement and measurable outcomes
A scalable foundation for future educational technology initiatives