Skip to content

Add GolfMatch web app for finding local golf partners#1430

Open
tayclem321 wants to merge 3 commits intoruvnet:mainfrom
tayclem321:claude/golf-player-matching-app-kXLxb
Open

Add GolfMatch web app for finding local golf partners#1430
tayclem321 wants to merge 3 commits intoruvnet:mainfrom
tayclem321:claude/golf-player-matching-app-kXLxb

Conversation

@tayclem321
Copy link
Copy Markdown

Summary

This PR introduces a complete web application for GolfMatch, a platform that helps golfers find and connect with partners in their local area based on handicap, skill level, and preferred courses.

Key Changes

Frontend (HTML/CSS/JavaScript)

  • Added responsive single-page application with three main sections:
    • Discover: Browse and filter golfers by location, handicap range, and playing frequency
    • My Profile: Manage user profile including handicap, location, bio, skill level, and preferred courses
    • Connections: View sent/received connection requests with accept/decline functionality
  • Implemented authentication screens for login and registration
  • Created reusable component library (cards, buttons, forms, modals) with golf-themed green color scheme
  • Added real-time search with debouncing and comprehensive filtering capabilities
  • Responsive design supporting mobile, tablet, and desktop viewports

Backend (Node.js/Express)

  • Built RESTful API with JWT-based authentication
  • Implemented user registration and login with bcrypt password hashing
  • Created player discovery endpoint with multi-field filtering (city, state, handicap range, playing frequency)
  • Added connection request system with status tracking (pending/accepted/declined)
  • Implemented profile management with preferred courses storage

Database (SQLite)

  • Designed schema with users, preferred_courses, and connections tables
  • Added seed data with 10 sample golf players in the Austin, TX area
  • Configured WAL mode for better concurrent access

Notable Implementation Details

  • Client-side state management for connections and profile data
  • HTML escaping to prevent XSS vulnerabilities
  • Debounced search to reduce API calls during filtering
  • Modal-based connection request flow with optional message
  • Persistent authentication via localStorage and JWT tokens
  • Demo credentials provided for testing (james@example.com / password123)

https://claude.ai/code/session_01NhPetqzsiRe5XKWfLFvJcd

claude added 3 commits March 25, 2026 13:59
Full-stack Node.js/Express app with SQLite backend and vanilla JS SPA frontend.

Features:
- Player discovery with filters (city, state, handicap range, playing frequency)
- Handicap Index displayed prominently on each player card
- Preferred courses listed per player for course compatibility matching
- User registration/login with JWT authentication
- Profile management (handicap, location, bio, preferred courses)
- Connection request system with accept/decline and partner tracking
- 12 seeded demo players across Austin, TX area
- Mobile-responsive golf-themed UI

Run: cd src/golf-app && npm install && npm start
Demo: james@example.com / password123

https://claude.ai/code/session_01NhPetqzsiRe5XKWfLFvJcd
better-sqlite3 requires C++ build tools (Visual Studio) to compile on Windows.
Switching to sql.js which is pure JavaScript/WASM — no compilation needed,
works on all platforms including Windows without any build tools.

https://claude.ai/code/session_01NhPetqzsiRe5XKWfLFvJcd
Adds web app manifest and SVG icon so the app can be installed as a
standalone desktop application directly from Chrome or Edge.

https://claude.ai/code/session_01NhPetqzsiRe5XKWfLFvJcd
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants