Web Wizards: A Gamified Approach to Mastering Web Development Through Puzzle Challenges

Abstract— This paper discusses Web Wizards, a mobile app designed to help users learn web development through gamified, puzzle-based learning. Compared to more traditional methods, the app introduces features like interactive challenges, real-time feedback, and two-player modes (Arcade and Story), either competitive or cooperative, to boost both engagement and understanding. The project followed a developmental research approach using the Agile methodology, with user input gathered throughout the development process. Results showed that learners felt more motivated and were able to apply practical skills more effectively. Overall, Web Wizards contributes to the field of educational technology by demonstrating how gamification can make programming concepts less intimidating and more accessible for beginners.

Gamification, Web Development, Puzzle Quiz, Mobile Learning, Educational Technology

1. Teplá, M., Teplý, P., & Šmejkal, P., (2022). Influence of 3D models and animations on students in natural subjects. IJ STEM Education, 9(65). https://doi.org/10.1186/s40594-022-00382-8 [Google Scholar] [Crossref]

2. Ileana, M., & Popgeorgiev, I., (2020). Mobile game application for student knowledge practice with a distributed web systems architecture. Proceedings of University of Ruse–2020. https://www.academia.edu/128353694/Mobile_Game_Application_for_Student_Knowledge_Practice_with_a_Distributed_Web_Systems_Architecture [Google Scholar] [Crossref]

3. Pireva Nuci, K., Tahir, R., Wang, A. I., & Imran, A. S., (2021). Game-based digital quiz as a tool for improving students’ engagement and learning in online lectures. IEEE Access, PP(99), 1–1. https://doi.org/10.1109/ACCESS.2021.3088583 [Google Scholar] [Crossref]

4. Pandi-Ruedas, J., & Pacatang, H., (2024). Gamification in English online learning: A phenomenological study. Proceedings of the ICCEPH Conference. https://icceph.com/wp-content/uploads/2024/04/GAMIFICATION-IN-ENGLISH-ONLINE-LEARNING-A-PHENOMENOLOGICAL-STUDY.pdf [Google Scholar] [Crossref]

5. Blancaflor, E., Camaongay, K., Chua, J., & Echanes, G. (2022). A gamified educational learning module for core subjects in an elementary level. International Journal of Information and Education Technology, 12(1), 1751-CS2020. https://www.ijiet.org/vol12/1751-CS2020.pdf [Google Scholar] [Crossref]

6. Kadar, M., Kamaruzaman, M. F., Kamsin, A., & Halim, N. D. A., (2021). Students’ challenges in learning computer programming: A review. Journal of Engineering Science and Technology, 16(1), 6–28. [Google Scholar] [Crossref]

7. Rincón-Flores, E. G., Ramírez-Montoya, M. S., & García-Peñalvo, F. J., (2020). Gamification in xMOOC learning: Effects of challenge-based dynamics. International Journal of Interactive Multimedia and Artificial Intelligence, 6(2), 23–31. https://doi.org/10.9781/ijimai.2020.02.004 [Google Scholar] [Crossref]

8. Khaleel, F. L., Ashaari, N. S., & Wook, T. S. M., (2020). The impact of gamification on students’ learning engagement. International Journal of Electrical and Computer Engineering, 10(5), 4965–4972. https://doi.org/10.11591/ijece.v10i5.pp4965-4972 [Google Scholar] [Crossref]

• Competency and Challenges of BTLED-ICT Students in 2D Animation: An Analytical Study
• Slope Stability Assessment: A Case Study of Embankments Along OMU-Aran-Ilorin Road, Nigeria
• Advancements in Precursors, Materials, Deposition Techniques for Thin Film Research in Electronic Devices: A Mini Review
• “Empowering Indian Women through Entrepreneurship: A Study on Kolkata”
• Impact of Mental Mathematics Proficiency on Job Performance Among Seconadry Schools Teachers in Emohua and Port Hacourt City