Codeslide

Inspiration

Learning to code is intimidating because beginners face a blank screen and complicated syntax. Many people quit before understanding the basics.

CodeBlocks solves this by turning real programming code into puzzles. Instead of writing code from scratch, players rearrange scrambled blocks of code into the correct order. This helps them learn programming logic without feeling overwhelmed.

The game supports multiple languages like Python, Java, and C++, and gradually increases difficulty from simple “Hello World” programs to more advanced concepts.

Players earn points based on speed and accuracy, compete on leaderboards, and complete daily challenges. In the future, we plan to add multiplayer battle modes.

Our goal is to make coding fun, competitive, and accessible, while donating half of our ad revenue to nonprofits working to close the digital divide.## What it does

How we built it

I built CodeSlide as a puzzle-based coding game where players rearrange blocks of code into the correct order. The core idea was to take real programming code and split it into segments that players can drag and arrange to recreate a working program.

I used Firebase as the main backend for the entire project. Firebase handles things like storing puzzle data, tracking scores, and managing leaderboard information. This allowed me to quickly build and test features without needing to set up a complex backend during the hackathon.

The game logic focuses on breaking working code into blocks and letting the player reconstruct it. I also implemented a scoring system that rewards speed and accuracy while deducting points for failed attempts or taking too long. The demo currently supports multiple languages like Python, Java, and C++, and includes different difficulty levels ranging from beginner puzzles like “Hello World” to more complex code structures.## Challenges we ran into

Accomplishments that we're proud of

One thing I’m most proud of is successfully turning real programming code into an interactive puzzle system. The concept works in practice and demonstrates how coding can be learned through gameplay rather than traditional tutorials.

I’m also proud that the demo already supports multiple programming languages and includes a scoring system, difficulty scaling, hints, and a leaderboard concept. Even within a short hackathon timeframe, I was able to build a working prototype that shows the core vision of the project.## What we learned

What's next for Codeslide In the future, I want to expand CodeSlide into a more complete learning platform.

Some features I plan to add include:

Multiplayer battle modes where players compete to solve coding puzzles in real time

More programming languages and advanced coding challenges

AI-generated puzzles to keep gameplay fresh and dynamic

A full leaderboard system with global rankings

Classroom tools so teachers could use it as an educational resource

I also plan to implement a monetization system where players can watch ads or purchase a premium version of the game, with 50% of the proceeds donated to nonprofits working to close the digital divide.

Built With

• chatgpt
• firebase
• gamma