Yudan Course
Personal Teaching Project
Learning Platform, UI Design, Fullstack Development, Teaching
Instructor, Designer, Fullstack Engineer
2025
Built while teaching
Introduction
Yudan Course started as a personal teaching project for beginners who wanted to learn fullstack web development from zero. The goal was to make coding and backend architecture feel less intimidating by turning the learning experience into a friendly journey. Instead of only giving materials, Yudan Course combines lessons, quizzes, progress tracking, XP, badges, and a gamified interface so students can feel their progress as they learn.
Execution
I designed the platform around a playful learning flow inspired by game progression. The experience includes beginner-friendly modules for HTML, CSS, JavaScript, Node.js, Express, databases, and Git, quiz attempts, progress indicators, leaderboard-style motivation, and a visual journey map. The UI uses soft purple, yellow reward elements, rounded cards, hearts, XP, and lesson nodes to make the platform feel fun and approachable. Beyond the platform itself, I also taught the students directly, guiding them from front-end styling to deploying secure servers and database connections. This helped me understand where beginners usually get confused and how to explain complex fullstack concepts in a simpler, friendlier way.
Results & Impact
Yudan Course became more than a portfolio project. It became a real learning experience for students. Through this project, I learned how to design educational flows, explain technical concepts, and build a product around real user feedback. Students responded positively because the learning process felt friendly, patient, clear, and enjoyable.
Fullstack Web Dev
HTML, CSS, JS, Node.js, Express, Databases, and Git.
Gamified flow
Progress, XP, badges, hearts, quizzes, and lesson paths.
Real feedback
Built around actual teaching sessions and learner experience.
“Learning is so much fun. The explanations are easy to understand and you're never afraid to ask questions.”
“Yudan teaches with patience and a friendly approach. Topics that were confusing at first suddenly make perfect sense.”
“The teaching style is so engaging, making coding feel light and not stiff at all.”
“The material is explained step-by-step until you fully get it. The learning atmosphere is very comfortable.”
“The learning process is fun and clear. It's perfect for anyone starting completely from scratch.”
“The class is comfortable, the explanations are easy to follow, and it's never boring.”
“Learning is so much fun. The explanations are easy to understand and you're never afraid to ask questions.”
“Yudan teaches with patience and a friendly approach. Topics that were confusing at first suddenly make perfect sense.”
“The teaching style is so engaging, making coding feel light and not stiff at all.”
“The material is explained step-by-step until you fully get it. The learning atmosphere is very comfortable.”
“The learning process is fun and clear. It's perfect for anyone starting completely from scratch.”
“The class is comfortable, the explanations are easy to follow, and it's never boring.”
“Coding seemed difficult at first, but after the explanation, it makes so much more sense.”
“He is patient yet very clear. It really boosted my confidence in learning frontend development.”
“Learning HTML and CSS is much easier because it is explained using relatable, real-world examples.”
“Yudan is incredibly patient. If you don't understand, he explains it again until you do.”
“The sessions are very fun. The curriculum is easy to follow and the atmosphere is friendly.”
“Coding seemed difficult at first, but after the explanation, it makes so much more sense.”
“He is patient yet very clear. It really boosted my confidence in learning frontend development.”
“Learning HTML and CSS is much easier because it is explained using relatable, real-world examples.”
“Yudan is incredibly patient. If you don't understand, he explains it again until you do.”
“The sessions are very fun. The curriculum is easy to follow and the atmosphere is friendly.”