Inspiration

Seeing how fun it was to play Wordle (https://www.nytimes.com/games/wordle/index.html), I wanted to try making a web game on my own! I love math (I'm a math student), so I wanted to make a game so people can see how beautiful math equations are. Specifically, I wanted to show how there are many equations that can equal to one number.

What it does

The user gets a number (it changes every 24 hours), and they have 6 9-character tries to try and crack which equation the game wants. Once you press Enter, tiles entered can either flip yellow, green or black. Flipped green, and the character (which can either be a number or an operator) is in the right place! Flipped yellow, and the character is in the equation, but NOT in the right place. Filled black, and the character is not in the equation at all. At the end of the game, regardless of winning or loosing, you can share your results with your friends, making the whole thing competitive.

How we built it

We made this whole thing in HTML, CSS and JavaScript. We built every component in HTML and CSS, making them dynamic in JavaScript.

Challenges we ran into

Unlike the static sites I've made in the past, this site required a lot of thinking as to certain edge-cases that can occur when a user didn't click the right buttons, wants to play the game twice in a day, etc. So, it was a challenge for me to code all these edge cases into consideration. It was the first time I had to take these things into account.

Accomplishments that we're proud of

I'm proud of how it turned out. I think it looks pretty good and it works just how I expected it to. I like the animations I included within the grid as well!

What we learned

I learnt how to use JavaScript to create dynamic web apps, and how to use CSS to create cool animations to improve user experience!

What's next for Curdle - The Number Breaking Game!

I want to add the ability for users to use more complex operators in the game (exponent, summation, etc.) to make the game even more challenging. A multiplayer mode, where users can compare their scores globally, is something I want to add as well.

Built With

Share this project:

Updates