Inspiration

Imagine you are in a group of people who don't know each other.

People may be a little awkward, not approaching each other, so to get things going the ice needs to be broken!

The app we have developed does exactly that.

What it does

The organiser creates a room and sets the team size and gives the code to join for other people.

The group joins and organiser starts the game!

Then, people are automagically divided into teams and shown a piece of an image with the goal to the rest of the team with missing pieces.

People compare images, and if they align - congratulations! You found your team member. Now go search for others until all of you group up.

When all people in a team are grouped up, they combine the piece of hashes we provide to create their unique key for the team.

The first to group up wins! Afterwards, people look at the leaderboard to find who was fastest.

How we built it

The app is divided into two parts:

  1. React front end, which communicates with back end through socket.io.

  2. Node backend with in-memory database.

Each of us worked on them separately, while iteratively combining the progress.

Challenges we ran into

We've had a lot of dwarf fortress kind of fun with css. Nearly 5 hours spent to crop an image!

Also, some time was spent on brainstorming to find good web framework / back end technology. Turns out front-end / back-end communication wasn't as hard as it seemed!

Accomplishments that we're proud of

Built a cool app, learnt some new technologies and had lots of fun!

What we learned

Everyone was new to technologies used.

Everyone learnt socket.io, while front end team also learnt React.

What's next for Group Me Up

World domination!

Jokes aside, it would be pretty cool to improve it.

Share this project:

Updates