Making a Hide & Seek mobile web app
In a previous post I mentioned that I would be taking part in the Stay-at-Home TH/NGS Jam today.
I decided to build a Hide & Seek game, where one person would select a room in a virtual house to hide in, and the other person would seek them out using the NFC scanner on an Android phone. I managed to get everything working in the end, resulting in two small web apps.
One webapp is for the person hiding, where they can select where they're hiding:
The room they select is saved to a remote database, which can be read by another web app for the seeker:
They press the Scan button to enable the NFC scanner, and then move their phone over a physical paper map of the house, embedded with NFC tags. When the scanner reads a tag for a room, it will display whether the person is hiding in that room or not.
The code is available on GitHub.
I’m publishing this as part of 100 Days To Offload. You can join in yourself by visiting https://100daystooffload.com.