Click-NET | Devpost

Main Interface on desktop.
Four connected clients, PC and 3 mobile devices.
Three connected clients, all mobile devices.
Screenshot of mobile client.

Inspiration

Four years ago, Steam made a "Clicker" style game for their Summer Sale. We wanted to re-create that as a local experience, compatible with PC devices and mobile devices over the internet.

What it does

Connect from anywhere to a tapper experience. Defeat monsters and get power-ups. Become the ultimate mage, paladin, or swordsman.

How we built it

We built Click-NET with node.js and express. The server manages all of the game data, while the clients make requests via AJAX. All data is synchronized between clients with a WebSocket. For the front-end we used a mixture of "pug", an HTML templating engine, and "vue", an interactive JavaScript front-end framework.

The UI was created with bootstrap to create an easy to use interface.

All art was handcrafted in-house.

Challenges we ran into

At the beginning, the work was hard to split up between individual team members. Once the communication protocols were established and the framework was set up, we were able to get back on track and complete a fun game for all of us.

Additionally, we were all unfamiliar with node, express, vue, and pug. It took quite a while for us to understand it because they are extensive frameworks.