International Journal of Advanced Research in Computer and Communication Engineering

Abstract: Conventional programming practice methods in educational environments face challenges such as delayed feedback, limited learner engagement, and restricted access to execution environments. This paper presents CodePlay, an interactive coding learning platform that integrates real-time code execution, animated algorithm visualization, and gamified problem-solving. The system provides an in-browser code editor connected to a backend compiler service, enabling instant compilation, execution, and error feedback. Step-by-step visual animations are incorporated to illustrate algorithm behavior, improving conceptual understanding. Gamified puzzle modules such as sorting challenges, graph coloring, and logic-based games enhance learner motivation and skill retention. Developed using a web-based architecture with JavaScript, Node.js, and lightweight backend services, the platform supports progress tracking and score-based evaluation. Experimental observations demonstrate improved learner engagement, faster error resolution, and enhanced programming proficiency through interactive and visual learning approaches.

Keywords: Interactive Coding Platform, Online Compiler, Algorithm Visualization, Gamification, Programming Education, Real-time Code Execution, Learning Analytics, Web-based Learning System, Skill Tracking, Computer Science Education

Downloads: | DOI: 10.17148/IJARCCE.2026.151125