-
Splash scren shows an artist painting on the wall.
-
Player and drop the pins at the place they choose.
-
When players decided the places, they can see the difference from the actual position.
-
The end screen encourges the players to check the murals in person and enjoy the time outdoors.
-
Show the distance between the players' guesses and the mural!
Inspiration
Exploring murals is a refreshing way to step outside, discover hidden gems, and gain a new perspective on the city. Vancouver is home to a stunning collection of murals, offering the perfect excuse to explore neighbourhoods we might otherwise overlook.
We wanted to make mural hunting even more engaging, challenging, and social. With this in mind, we created a game where friends can compete to see who can guess a mural’s location more accurately.
What it does
‘MuralHunter’ turns this vibrant art into a fun challenge. Two players see a mural, guess its location in Vancouver on the map, and find out who gets closest to the real spot.
How we built it
For frontend, we used vanilla React to create a responsive dynamic and intuitive interface. For backend, we used MongoDB to manage the mural data seamlessly.
Challenges we ran into
Connecting the front end with the backend. Finding a way to generate lines that connect the user chosen pins.
Accomplishments that we're proud of
With “MuralHunter,” we’ve created more than just a game. It’s a celebration of Vancouver’s art, culture, and community. By encouraging exploration and friendly competition, we’re helping people connect with the city and its stories in a meaningful way.
What we learned
We learnt how to start a React webapp from scratch. We learnt how to integrate GoogleMaps API. We learnt how to start a MongoDB and connect it to the frontend.
What's next for MuralHunter
User-Generated Content: Allow players to upload custom mural photos and parse geolocation data for more personalized gameplay. Expanding Multiplayer: Enable more players to join the game and compete together. Curated Routes: Arrange photos to create thematic routes, encouraging players to explore murals in an enjoyable sequence, like a guided promenade around the city.
Built With
- javascript
- mongodb
- react
- react-google-maps/api
Log in or sign up for Devpost to join the conversation.