Programming concepts are often challenging for beginners because they are abstract and difficult to visualize using traditional teaching methods. This paper presents a gamified coding learning platform that introduces programming fundamentals through interactive gameplay and visual feedback. The platform features a game called “King vs Monster,” which explains the for loop concept by allowing learners to write loop syntax in an input console. Each loop iteration is visually represented through animations where a King attacks an Error Monster, while personalized output messages display step-by-step execution details. User-submitted code is executed securely in isolated environments to ensure safety and reliability. By combining hands-on coding with visualization and gamification, the platform enhances learner engagement, improves conceptual understanding, and builds confidence in beginner-level programming.
Introduction
Many beginners struggle to learn programming because abstract concepts such as loops are difficult to understand through traditional, theory-based teaching methods that lack real-time execution visualization. This often results in confusion, low engagement, and reduced confidence among learners. To address this problem, the project introduces a gamified coding learning platform that combines hands-on coding with interactive games and visual feedback.
The platform teaches programming concepts by allowing learners to write code and observe its execution through animations. A featured game, “King vs Monster,” explains the for loop by representing each loop iteration as an attack by a King on an Error Monster, with step-by-step visual and textual output. This storytelling and visualization approach simplifies loop execution and improves conceptual clarity for beginners.
The literature review highlights that gamification significantly increases learner motivation, engagement, and retention in programming education, though many existing platforms lack strong execution visualization or comprehensive validation. These gaps motivate the proposed system’s focus on real-time visual feedback combined with gameplay.
The system is implemented using a React frontend, a Java backend with REST APIs, and DynamoDB for data storage. User code is executed securely in Docker containers to prevent security risks, and the execution output is transformed into animations on the frontend. Ethical data handling practices are followed.
Results indicate that the platform effectively enhances learner understanding and engagement by making abstract programming concepts more intuitive through interactive gameplay and real-time visualization, offering a more accessible and enjoyable learning experience for beginners.
Conclusion
This paper introduces a gamified learning platform that helps beginners understand programming concepts through interactive visuals and gameplay. The “King vs Monster” game explains for-loop execution by showing each iteration as a simple visual action, making abstract logic easier to follow. By combining hands-on coding, real-time feedback, and secure execution, the platform increases learner engagement and improves conceptual understanding. The approach is effective for introductory programming and can be expanded to cover more concepts in future versions.
References
[1] M. B. Janice, M. R. S. Mithun, R. G. Ramjith, and R. S. Jino, “Code Play: Enhancing Programming Skills Through Game-Based Learning,” International Research Journal of Engineering and Technology (IRJET), vol. 11, no. 6, pp. 4635–4639, 2025.
[2] S. Vinodhini, J. Katiravan, M. Ganesan, and D. Poovarasan, “Code Realm: A Gamified Learning in Coding,” Technix International Journal for Engineering Research (TIJER), vol. 11, no. 7, pp. 170–177, 2024.
[3] R. Choudhary, P. Patel, D. Pawar, P. Sakpal, and D. Agrawal, “Next-Generation Social Coding Platform: Merging Engagement Mechanisms with Technical Collaboration for Sustained Programming Enthusiasm,” International Refereed Journal of Engineering and Science (IRJES), vol. 14, no. 3, pp. 186–195, 2025.
[4] V. Mekali, A. Aqeel, A. H. N., and M. Shree, “Gamified LMS for Programming Concepts,” International Advanced Research Journal in Science, Engineering and Technology (IARJSET), vol. 10, no. 5, pp. 566–576 , 2023.
[5] S. A. Mubin, M. W. A. Poh, and A. H. Jantan, “Gamification in Programming Language Learning: A Review and Pathway,” International Journal of Advanced Research in Engineering and Technology (IJARET), vol. 11, no. 12, pp. 1148–1155 , 2020.
[6] K. Palaniappan and N. M. Noor, “Gamification Strategy to Support Self-Directed Learning in an Online Learning Environment,” International Journal of Emerging Technologies in Learning (iJET), vol. 17, no. 3, pp. 104–115, 2022.
[7] A. Aqeel, A. Aakriti, A. H. N., and M. Shree, “Gamified Learning for Teaching Programming Concepts,” International Advanced Research Journal in Science, Engineering and Technology (IARJSET), vol. 10, no. 1, pp. 94–100, 2023.
[8] E. Alsadoon, A. Alkhawajah, and A. B. Suhaim, “Effects of a Gamified Learning Environment on Students’ Achievement, Motivation, and Satisfaction,” Heliyon, vol. 8, pp. e10249, 2022.
[9] D. Dicheva, C. Dichev, G. Agre, and G. Angelova, “Gamification in Education: A Systematic Mapping Study,” International Forum of Educational Technology & Society (IFETS), vol. 18, no. 3, pp. 75–88, 2015.
[10] J. Swacha and P. Baszuro, “Gamification-Based E-Learning Platform for Computer Programming Education,” in Proc. World Conference on Computers in Education, 2013