Hey everyone 👋
I wanted to share a side project I’ve been working on: a web app that helps people quickly find a soccer field near me.
The idea came from real life: every weekend my kids and I wanted to play soccer, but finding good local fields was surprisingly hard. Google Maps gave random results, and info like lighting, surface, or whether fields were free to use was missing. So, I decided to build my own solution.
🔧 Tech Stack I Used
Next.js → for the frontend and server-side rendering.
Firebase → for authentication, database, and hosting.
Google Maps API → for geolocation and maps.
💡 Key Features
Users can search “soccer field near me” and see all nearby fields on an interactive map.
Each field includes details: surface (grass, turf, indoor), lighting, availability, and reviews.
Players can leave ratings and comments — making it more community-driven.
I added a contribution system where users can suggest new fields, which I then verify.
⚡ Challenges I Faced
Getting accurate geolocation without draining the API quota.
Handling user-generated content and preventing spam.
Making the UI fast and mobile-friendly (since most people search on the go).
🌱 What’s Next
Weekly leaderboards for active contributors.
A chat feature so people can organize matches at specific fields.
Expansion to other sports — imagine “basketball court near me” or “tennis court near me.”
🌍 Why It Matters
Sports bring people together. A simple search for a soccer field near me can connect kids, families, and local communities. I’m hoping this project makes it easier for anyone to get outside, play, and have fun.
Would love to hear from other builders — what would you add to an app like this?
Top comments (0)