IQ Booster

• 

  Home Page

• 

  Create Room

• 

  Single Player Mode

• 

  Up to 4 players

• 

  Multiplayer Mode (2-4 players)

• 

  Multiplayer Mode (4 players)

• 

  Leaderboard

Inspiration

As we are all students, we constantly face the stress of examinations. Thus, we came up with an idea to tackle such stress!

What it does

Choose either a theraputic single-player mode to click away your troubles, or a competitive multi-player mode to challenge your friends and see who can click the fastest and gain the most IQ!

How we built it

We used React and Vite for the front end, and used an express server for the backend with Socket.io. We deployed the frontend on Vercel and the backend on render.

Challenges we ran into

The deployment took awhile as we did not realise vercel could not deploy an express server with persistent connections (i.e. socket.io).

Accomplishments that we're proud of

We managed to make a fully working app with real-time responsiveness.

What we learned

How to make a solution from scratch, all the way from ideation to development to production and deployment.

What's next for IQ Booster

Self-upload images

Other singleplayer modes (e.g. images will move with each click)

Difficulty level

Settings (e.g. allow configuration of room settings such as timer duration, no. of players in a room, etc)

Built With

• canva
• express.js
• javascript
• react
• render
• socket.io
• vercel
• vite