SkateSpot Guesser is a GeoGuessr-style web game that challenges players to identify famous real-world skateboarding spots by pinpointing them on a map. Built using the OpenStreetMaps/React-leaflet with Nextjs, this app blends geospatial technology and skate culture to create a unique, engaging user experience.
- 🗺️ Interactive map
- 📍 User can place a marker
- 🧠 Score system
- 🛹 Skate spot database
- 🔄 Round-based gameplay with new images each time
- 📱 Mobile-friendly responsive UI
- 🔒 Secure sign in
- Nextjs – frontend framework
- Tailwind CSS – styling
- Firebase - storage and authentication
I built this project to:
- Learn about Firebase database
- Solidify my understanding of TypeScript and React functional components
- Learn how to work with third-party APIs and SDKs in a modern frontend workflow
- Combine my love of skateboarding with a technical challenge that’s fun and interactive