Coding Games

• 

  Home Screen

• 

  Lobby Options

• 

  Gartic Phone Game Mode

• 

  Gartic Phone Results Screen

Inspiration

We were inspired by the online games we play with friends and wanted to make a version based on coding

What it does

It is a site that allows users to play 3 different games with friends.

How we built it

We used Vercel to host the front end and Firebase to act as a backend database and server. We primarily used Claude and DeepSeek to help with debugging, as well as videos explaining a variety of algorithms we used to help optimize the website.

Challenges we ran into

One of the most significant challenges we ran into was our implementation of our Team vs Team gamemode. We intended to allow teammates to live-edit code, and each change would be reflected on everyone else's device. This proved to be very challenging, and we even had to restart a couple of times. We finally settled on using Operational Transformation, which is the same algorithm that Google Docs uses for its live collaborative editing.

Accomplishments that we're proud of

We are proud of being able to deploy a fully functional website. Before this, we both had little to no experience using JavaScript and CSS. Let alone Front-end and Back-end management.

What we learned

We learned a large amount about how to create and deploy a website. This was also a good lesson for us in how to utilize GitHub to its fullest extent, such as using branches and resolving merging conflicts. On top of this, we also learned how to how powerful free web services like Vercel and Firebase are.

What's next for Coding Games

We plan to implement another game mode and more accurate difficulty selection so more people can enjoy the website. Additionally, we intend to add code funcationality beyond just JavaScript.

Built With

• css
• firebase
• javascript
• react.js