Back to projects

PlayTogether

Full-Stack Web

MERN-stack platform for discovering, booking, and organizing sports activities with real-time event management, court booking, and Foursquare API integration.

ReactNode.jsMongoDBExpress

Project highlights

  • Complete user journey from venue discovery to booking confirmation.
  • JWT-based authentication with protected account and booking actions.
  • Turf-centric catalog and detail views with booking-time interaction flows.
  • Profile and account management features integrated with booking history behavior.

What it is

PlayTogether is a full-stack sports discovery and booking platform that combines a React frontend with a Node and Express backend for turf discovery, session booking, and user account workflows.

Problem it solves

Players often rely on fragmented apps and manual coordination for finding facilities, organizing games, and completing bookings. PlayTogether unifies those steps into a single product flow from discovery to reservation.

How it works

  • Deliver a Vite and React frontend with page-level routing for home, turf lists, specific turf views, booking, login, signup, and profile operations.
  • Expose backend domain APIs via Express for user authentication, turf management, and booking transactions.
  • Persist user, turf, and booking entities in MongoDB models to maintain end-to-end booking state.
  • Coordinate frontend API calls through custom hooks and shared UI components for consistent data access patterns.
  • Support extensible external venue-intelligence integration where location APIs are configured for richer discovery experiences.

Key capabilities

  • Complete user journey from venue discovery to booking confirmation.
  • JWT-based authentication with protected account and booking actions.
  • Turf-centric catalog and detail views with booking-time interaction flows.
  • Profile and account management features integrated with booking history behavior.
  • Separation of frontend and backend codebases for independent iteration.

Impact and outcomes

  • Demonstrates full-stack product delivery across frontend UX, backend APIs, and data persistence.
  • Validates practical booking-domain implementation with authentication and transactional workflows.
  • Provides a reusable MERN blueprint for community sports and facility platforms.
PlayTogether - Project Documentation