DEV Community

loading...

[Entry] Button Push

nektro profile image Meghan (she/her) ・1 min read

What I built

I built a small app/game called "Button Push". What Button Push is a collaborative clicking race. The game itself is a big button with a counter with the objective to be the user to make the counter reach 100. The catch being, using Pusher, every user playing the game is racing on the same button! And you're also not allowed to press the button twice in a row.

Demo Link

Play it now! ~~ https://me.nektro.net/apps/button_push/

Link to Code

The front-end is on GitHub! ~~ https://github.com/Nektro/me.nektro.net/tree/master/src/apps/button_push

How I built it

  • The front-end for the app is hosted on my personal website which is hosted on Netlify as pushed from a public GitHub repository.
  • The back-end is run through One.com which is where I own the domain through.
  • The game is built using Vanilla JS and PHP

Additional Resources/Info

  • Pusher was extremely easy to set up and I already have ideas on how I want to integrate them into other projects of mine!
  • @zmarkan was a pleasure to speak to and answered the few questions I had and was an overall big help
  • Thanks DEV for putting this contest on!
  • Comments and criticism welcome :D

Discussion (3)

Collapse
seniorjoinu profile image
Alexander

I can reload a page and click the button again. Is it ok?

Collapse
nektro profile image
Meghan (she/her) Author

Right now, it doesn’t use any verification other than the session ID. So refreshing the page resets the websocket connection giving you a new ID

Collapse
ben profile image
Ben Halpern

This is a super fun concept. Already giving me more ideas. 😄

Forem Open with the Forem app