WordBattle

Landing page for the site
Game over page
Game page! (With our randomly generated board and live timer)

Inspiration

We were inspired by the iMessage game word hunt, and wanted to make an online port for it!

What it does

Essentially, the game serves the same purpose as the iMessage game, but in a web format, and allows you to try to find as many words in the 90 seconds provided.

How we built it

We utilized the css framework Materialize, as well as traditional HTML, CSS, and Javascript. We also used sockets.js to communicate between server-side and client-side data.

Challenges we ran into

Some of the challenges that we ran into included actually reading the data file that we obtained, and also figuring out how to communicate data between clients and the server. Also, it was a little hard to figure out how to display the grid at the start of the project, but once we figured out how to do that, it went fairly smoothly overall.

Accomplishments that we're proud of

As a whole, we would say that we are most proud of how polished the final site looks, and also how well the entire thing works. We thought we did a really good job when it came to utilizing client-side js and server-side js, and overall, the site is very responsive on most devices which was hard to accomplish.

What we learned

We learned a lot more about the differences between javascript in a browser and on a server, and we also discovered sockets.js which was very important to our project. Also, our CSS skills improved a lot and the discovery of css frameworks made the project much easier to accomplish. With this discovery, all of our web projects in the future will be much easier to design and will look much nicer, which was something everyone on the team was happy about.

What's next for WordBattle

In the future, we are definitely looking to add a multiplayer aspect to it, such as custom game rooms, chatting between users, and possibly even accounts to save past scores and to add friends on the site. In general, we realize that this project has a lot of potential, and we are very excited to see how it continues to grow in the future!