CitySeek

• 

  Home Screen

• 

  Create Game Screen

• 

  Lobby

• 

  Join Game QR Code

• 

  Game Screen

• 

  Boundary

Inspiration

Ever since we were young, we have loved hide and seek, but we were always wishing for it on a grander scale! Once we heard about the track of "depth", we knew we could add new depth to the game of hide and seek by creating a mobile app. We also were inspired by the travelling we have done, and realised that our app would be a great way to explore a city! With that, we were excited to start building and solve this problem!

What it does

CitySeek allows friends to easily create and play games of hide and seek in the real world. After the creation of a game, users locations are stored and a game boundary is created. The app then provides all the features needed for a game of hide and seek, allowing a fun game to take place. This allows a new depth to be put on this simple game, and lets people play wherever they would like!

How we built it

We built our app using React-Native for ease of use cross-platform. We also used expo which allowed us to speed up the development process. For the backend, we store the game data in a Firebase Realtime database, accessing it when needed in the app. The UI was developed with Tailwind-CSS, which allowed us to customise it to our liking.

Challenges we ran into

Our main challenge was with the time constraint. We found it difficult to complete a full app in 24 hours, and we were not able to get all of the features that we would have liked. We overcame this challenge and created a working app, even with the database headaches we ran into.

Accomplishments that we're proud of

We are proud of the UI that we have designed. It is minimalist but functional, and quite intuitive. We are also proud of our integration with the backend and frontend. Finally, we are proud that we were able to complete the app in just 24 hours.

What we learned

We learned a lot about the Firebase Realtime Database, as neither of us had ever used it before. It was a good learning experience and gave us knowledge for the future, and for further developments of the app.

What's next for CitySeek

CitySeek will be getting new features in the coming days, including:

• Location reveals if a player leaves the boundary
• Stats screen/podium
• Shrinking border size

All being well, we will release these features and then test it out with our family and friends, and then release it to app stores. From there, we will let people enjoy the pure joy of hiding and seeking!

Built With

• database
• expo.io
• firebase
• react-native
• tailwind
• typescript