xxxx Project Hide and Beep Hero Image

Do you love exploring? Do you enjoy solving riddles? Get ready for your most exciting adventure yet! Hide and Beep allows you to take part in scavenger hunts. Start by creating a hunt on the Hide and Beep website.

Create thrilling hints with clever riddles that lead to any location in the world. Once your hunt is ready, send the authentication code to your family and friends, so they can play your hunt too.

Open your app to start the fun. Enter in the secret authentication code and the hunt will begin. Go outside and follow the first hint to where you think the location might be. Once you start to get close, the once yellow radar will turn orange and your phone will beep. You know you’re almost there when the radar turns red and the beeping gets faster. When you are at the right place, you will receive your next hint. The number in the middle of the radar tells you how many hints you still have to find, until you find the treasure. But hurry! You need to find the treasure before the time runs out!

Once you find the treasure, the hunt creator will place a treasure code inside it. Enter this treasure code into the app and if it is correct, you’re the winner! Compete against your family and friends to see who the fastest and smartest explorer is!

Gallery

Website Home

Here you can see the homescreen for the website. From this screen you can either create a new hunt or update an existing one.
Here you can see the homescreen for the website. From this screen you can either create a new hunt or update an existing one.

Create Hunt

On the website you can create a scavenger hunt.
On the website you can create a scavenger hunt.

Create Hint

After creating a hunt, the next step is to create hints for this hunt. These require a name, hint to the location and a location.
After creating a hunt, the next step is to create hints for this hunt. These require a name, hint to the location and a location.

Position hints

Create several hints and drag and drop them into the correct order to create seamless hunt.
Create several hints and drag and drop them into the correct order to create seamless hunt.

Home screen app

This is the home screen for the app.
This is the home screen for the app.

Authentication Key

Enter a authentication key (received from the hunt on the website) into the app to load the corresponding hunt.
Enter a authentication key (received from the hunt on the website) into the app to load the corresponding hunt.

Main Game

The main game screen shows you how many hints are left to find, how close you are and how much time you have left to find the treasure.
The main game screen shows you how many hints are left to find, how close you are and how much time you have left to find the treasure.

View hint

Follow the hint to the next location. Once you reach the required location, the next hint will pop up.
Follow the hint to the next location. Once you reach the required location, the next hint will pop up.

Treasure Code

Once you find the treasure, enter the treasure code into the app to see if you have one. Be careful! You only have three tries to get the code right, or it's game over.
Once you find the treasure, enter the treasure code into the app to see if you have one. Be careful! You only have three tries to get the code right, or it's game over.

Winning screen

If the treasure code is correct, you win the hunt!
If the treasure code is correct, you win the hunt!

Appendices

Tags

Design Multimedia Programmierung Web Mobile

Repositorys

Links

Creators

Natasha Troth Profile Picture
Natasha Troth

Design

Frontend Development

Backend Development

Huong Tra Nguyen Profile Picture
Huong Tra Nguyen

Design

Frontend Development

Backend Development