• 

• 

• 

• 

JustPlay - Connecting Athletes Through Real-Time Sports Matchmaking

Inspiration

The idea for JustPlay came from a frustrating personal experience that many sport lovers share. After moving to a new country, I found myself desperately wanting to play football but having no idea where to find games. I'd walk to random fields hoping someone would show up, scroll through social media groups with outdated posts, or text friends who were always "busy this weekend."

The modern world had solved ride-sharing, food delivery, and dating through apps, but finding a simple pickup sports game still felt like the Wild West. I realised that millions of people worldwide face this same problem - we had all the technology to connect people instantly, but it is rarely applied to recreational sports. That's when the vision for JustPlay was born: what if finding a pickup game was as easy as ordering an Uber?

What it does

JustPlay is a real-time matchmaker for local pickup sports games. The app transforms how people discover, organize, and join recreational sports by providing:

Live Interactive Map: See nearby games happening in real-time with sport-specific markers, distance filtering, and instant location detection 60-Second Game Creation: Organisers can create games with smart location picking, automatic capacity management, and real-time participant tracking ** Built-in Game Chat : Each game has its own chat room for coordination, logistics, and community building ** Smart Player Profiles *: Skill-level matching, game history, and ratings * Intelligent Notifications: status updates, and waitlist promotions *Responsive design Experience *: Responsive design optimised for different device

The app serves both game organisers (who can easily fill their games and build communities) and players (who can discover and join games instantly without the hassle of coordinating through multiple platforms).

How I built it

JustPlay was built using bolt.new ai as a modern, full-stack web application

** Frontend Architecture ** React + TypeScript: Component-based architecture for maintainable, type-safe code Vite: Lightning-fast development environment and optimized production builds Tailwind CSS: Utility-first styling for rapid, responsive UI development React Router: Client-side routing for seamless navigation Lucide React: Consistent, beautiful icon system

** Backend & Database **

Supabase: PostgreSQL database with real-time subscriptions, built-in authentication, and Row Level Security Real-time Architecture: Live updates for game participants, chat messages, and map markers Geospatial Queries: PostGIS integration for location-based game discovery and distance filtering

** Mapping & Location **

Mapbox: Professional-grade mapping with custom markers, location search, and smooth interactions Geolocation API: Automatic user positioning for distance-based filtering Location Picker: Interactive map-based location selection for game creation

** Key Technical Features **

Real-time Chat: Broadcast-based messaging with optimistic UI updates and message deduplication Smart Filtering: Multi-dimensional filtering by sport, distance, date, and skill level Responsive Design: Mobile-first approach ensuring great experience across all devices Performance Optimisation: Efficient marker grouping, lazy loading, and debounced search

Challenges I ran into

1. Real-Time Architecture Complexity Challenge: Implementing real-time updates across multiple users viewing the same games and chat rooms. Solution: Evolved from complex database triggers to a broadcast-based architecture using Supabase's real-time channels. This provided better performance and eliminated message duplication issues.
2. Map Performance & User Experience Challenge: Rendering hundreds of game markers while maintaining smooth map interactions, especially on mobile devices. Solution: Implemented intelligent marker clustering, client-side filtering optimisation, and progressive loading to ensure the map remains responsive even with large datasets.
3. Location Services Integration Challenge: Switching from React Leaflet to Mapbox mid-development due to dependency conflicts and performance issues. Solution: Built a modular mapping architecture that allowed us to swap mapping providers without breaking existing functionality. This taught us the importance of abstraction layers in complex integrations.

Accomplishments that we're proud of

** Technical Achievements**

Seamless Real-Time Experience: Messages appear instantly, participant counts update live, and map markers refresh in real-time across all connected users

Professional-Grade Mapping: Smooth, fast map interactions with intelligent clustering and location-based filtering that rivals commercial applications

** Mobile-Optimised Performance **: Responsive design that works beautifully on any device, with touch-friendly controls and optimised loading times Robust Authentication Flow: Complete user onboarding with profile management, protected routes, and session persistence

** Product Achievements **

** Complete User Journey *: From discovering games on the map to chatting with teammates, every interaction feels polished and intuitive * Scalable Architecture *: Built to handle hundreds of concurrent users with efficient database queries and optimized real-time subscriptions * Feature-Rich MVP **: Despite time constraints, I implemented chat, notifications, filtering, game management, and user profiles

** Innovation Highlights **

*Context-Aware Filtering *: Distance filtering that adapts to user location with intelligent "No Limit" modes for global game discovery

** Optimistic UI Updates *: Chat messages appear instantly with graceful fallbacks, creating a snappy user experience * Smart Game Capacity **: Automatic organiser inclusion in player counts with waitlist management

What's next for JustPlay

** Immediate Roadmap (Next 3 Months) ** Enhanced Notifications: Push notifications, email reminders, and smart game suggestions based on user preferences Advanced Chat Features: Photo sharing, location sharing, and message reactions to build stronger game communities Performance Optimization: Advanced caching, offline support, and Progressive Web App (PWA) capabilities

** Growth Features (6-12 Months) **

Recurring Games & Leagues: Support for weekly games, tournaments, and seasonal leagues with standings Social Features: Friend networks, game invitations, and social media integration Payment Integration: Paid games, court bookings, and equipment rentals through platform partnerships AI-Powered Matching: Machine learning algorithms to suggest optimal games based on skill level, location patterns, and preferences

** Expansion Strategy **

Geographic Rollout: City-by-city expansion starting with college towns and sports-heavy metropolitan areas Partnership Development: Integration with recreation centers, sports facilities, and equipment retailers Community Building: Sports influencer partnerships and user-generated content campaigns International Markets: Localization for soccer-heavy European markets and basketball-focused Asian regions

** Business Development **

Monetization Implementation: Premium profiles, featured game placements, and facility partnership revenue Analytics Platform: Comprehensive insights for facility managers and league organizers API Development: Third-party integrations with existing sports management platforms Mobile App Launch: Native iOS and Android apps for enhanced mobile experience and app store discoverability

** Long-term Vision ** JustPlay aims to become the social network for recreational sports - a platform where every pickup game, every sports community, and every athlete is connected. I envision features like:

Global Sports Events: Coordinate pickup games during major sporting events and tournaments

Skill Development Tracking: Progress monitoring and improvement recommendations Equipment Marketplace: Buy, sell, and rent sports equipment within local communities Corporate Wellness Integration: Company sports programs and employee engagement tools

The ultimate goal: Transform JustPlay from a game discovery app into the essential infrastructure that powers grassroots sports worldwide, making recreational athletics more accessible, social, and fun for everyone.

JustPlay represents more than just technology - it's about building communities, creating connections, and celebrating the joy of sport. Every line of code brings us closer to a world where finding your next game is as simple as opening an app.

Built With

• bolt.new
• cors
• mapbox
• postgresql
• react
• supabase
• tailwind
• typescript
• vite