Stickman Codes

Stickman Codes started with a simple idea: make coding fun, visual, and playful instead of overwhelming. We wanted kids and beginners to learn programming the same way they learn games—by interacting, exploring, and experimenting. That sparked the idea of using a friendly stickman character who could act out coding concepts and guide learners through challenges. The app teaches coding through animated stickman games, an AI-powered voice tutor, and real-time interaction. Users can solve puzzles, write code, and instantly see the stickman perform the actions of their logic. Friends can join the same room over video, talk to each other, and collaborate while learning. With hand tracking, users can even draw in the air to annotate ideas or explain solutions, making the experience feel like a fun virtual classroom. Building the system involved combining game animation, real-time WebRTC communication, and gesture-tracking models. Syncing gameplay, air-drawing, and video across different devices required careful optimization. Creating stickman games that were educational yet entertaining took multiple design iterations, and training the AI tutor to explain concepts clearly for different ages was a challenge. Despite the difficulties, we’re proud that Stickman Codes now delivers a smooth, collaborative learning experience. The air-drawing works reliably, the AI tutor engages learners naturally, and the multiplayer room lets friends learn coding together in an enjoyable way. Throughout development, we learned how powerful visual interaction, play-based learning, and clear explanations can be for beginners. Next, we aim to expand Stickman Codes with more interactive stickman worlds, deeper topics like OOP and recursion, and personalized learning paths powered by AI. We plan to bring it to mobile devices and improve motion tracking for even smoother gesture-based drawing. This is just the beginning of creating a lively, collaborative universe where anyone can learn coding through play.

Built With

• css3
• gemini
• genai
• html5
• javascript
• postgresql
• python
• react