Wordle’s popularity skyrocketed in 2021. Guessing the word of the day through elaborate planning and tactics in less than three tries guarantees instant rizz to whoever is capable of this prowess. However, Wordle serves no humanitarian purpose. Indeed, it is owned by none other than the big corporation that is the New York Times. Thou shall not be scared because WE have the perfect alternative for you. We created Beaver, a game that not only entertains but also educates you about beavers.
Our project consists of a webpage called The Beaver Game. The main page greets the user. There is a navigation bar at the top (or dropdown menu on smaller screens) containing links to different sections of the page. The user goes through these various sections as they scroll down (or use the links in the navigation bar/menu). The first section includes the rules of the game, which are simple: Go from the word Beaver to the daily word by changing one letter at a time, use the least amount of words possible. The second section contains fun facts about beavers as well as a countdown timer to Beaver Day, which is in less than a week, on April 7. The third and last section is about the members of our team, represented by their spirit beaver. At the end of the page, there is a button to go back to the top. The main page also has a button to start the game. When the user clicks on it, they are brought to a second page with the game. We coded our project in Repl.it using HTML, CSS, and Javascript and we edited our video with the app “InShot”.
As beginners, this project allowed us to learn about coding in a fun and motivating environment. We are very proud of our final product. We love the aesthetics and the special effects of the main page (dropdown menu, hover effects, etc.) as well as the functionality and the logic behind the code for the game itself (matching the letters to true or false values for example). Of course, we encountered many difficulties and debugged all night. The structure of the webpage became increasingly more complicated as the hours passed by. Keeping track of all the special CSS effects we added and the names of the different classes and ids was a hard task. We spent a lot of time finding missing columns or misspelt tags. The logistics of the game were also painful. It was very difficult to figure out how to make our concept work in terms of code, especially breaking up the word into letters and confirming if the user input is right or wrong. Because we were running out of time, we sacrificed the visuals of our game. If we could improve our project, we would make the user-interface of the game itself more inviting.
Log in or sign up for Devpost to join the conversation.