CodeQuest is a gamified learning platform developed for the "Development Tools 1" course in the Interactive Media and Management Program (IMMT). The course’s hands-on, practical nature with regular quizzes and labs made it an ideal candidate for gamification, which enhances student engagement and skill acquisition. CodeQuest introduces a dynamic approach to mastering web development.
Problem
Current educational platforms often lack interactivity and fail to provide timely feedback, which impacts student motivation and engagement. The traditional course structure on E-Centennial doesn't leverage the power of immediate rewards or collaborative learning, making it harder for students to stay motivated and track their progress.
How might we create an engaging, game-based learning platform that motivates students to learn web-development skills while providing immediate feedback and recognition for their achievements and progression?
Project Goals
Transform routine learning tasks into engaging, game-like challenges.
Provide real-time feedback and rewards to boost motivation.
Foster a sense of achievement through visible progression and rewards.
Enable collaborative learning through social features and peer competition.
Role
Lead UI/UX Designer
Product Strategist
Gamification Specialist
Timeline
6 Weeks
Tools
Figma
Adobe Photoshop
Trello
The Solution
CodeQuest is a fully gamified learning platform designed to make learning web development fun and interactive. It divides the course into three levels—HTML, CSS, and JavaScript—where learners advance by completing coding challenges, quizzes, and assignments. The platform provides immediate feedback on each task, keeping learners motivated with rewards like XP points, badges, and progression through levels.
The Core Features
Challenges and Tasks: Coding exercises range from basic HTML pages to advanced projects integrating HTML, CSS, and JavaScript.
Levels and Badges: As students complete tasks, they unlock new levels and earn badges, providing tangible milestones for their learning journey.
In-Game Rewards: Learners earn XP and virtual items by completing tasks, which can be used to personalize their avatars and enhance the gaming experience.
Story Mode: A unique narrative feature allows students to follow the journey of an intern at 'DevTools Corp', simulating real-world web development challenges.
Leaderboards: Students can see how they rank against peers, fostering a healthy competitive atmosphere.
Community Engagement: Social features like community chats and study rooms allow students to collaborate and discuss course materials, reinforcing a sense of belonging.
Real-Time Feedback: Immediate feedback on quizzes and assignments helps learners track their progress and improve their skills in real time.
