Gamified Project CODE HOPE: Teaching Programming with Full Stack (MongoDB + AI)
For this educational project, I developed a custom Full Stack Web Application to manage classroom gamification:
Architecture: Client-Server.
Frontend: Hosted on GitHub Pages (HTML/CSS/JS).
Backend: REST API deployed in Render.
Database: MongoDB Atlas for registering "Agents" (students), managing points, and tracking progress in real time.
Integration: Use of Artificial Intelligence and Scratch for the challenges.
VIDEO DESCRIPTION:
Is it possible to teach programming and save the planet at the same time? Absolutely!
In this video, I present "CODE HOPE," a gamified learning situation designed for the 8th grade Technology and Digitalization course. Students take on the role of "Agents" and use the web application I programmed to unlock missions aligned with the SDGs.
🚀 The 5 Levels of the App:
Level 1: Binary System (Computer Fundamentals).
Level 2: AND Logic with Scratch (Computational Thinking).
Level 3: OR Logic with Scratch (Complex Conditionals).
Level 4: Lists and Search (Data Structures).
Level 5: Artificial Intelligence (Training Machine Learning Models).
This project demonstrates how Full Stack technology can be used in education to create memorable learning experiences.
🔗 Connect with me and review the code:
LinkedIn: www.linkedin.com/in/joscanoav
🎮 Play the Demo: https://joscanoav.github.io/codehope-...
Note: The backend server is on a free tier. If it takes a while to log in, please wait 30 seconds for the service to "wake up".
📂 Frontend Repository: https://github.com/joscanoav/codehope...
📂 Backend Repository: https://github.com/joscanoav/codehope...
#Gamification #FullStack #MongoDB #SecondaryEducation #Programming #InnovativeTeachers #TechEd #Innovation