Playyofi
Sports Recruitment & Social Ecosystem
A vertical social network and recruitment platform designed to bridge the gap between athletes and coaches through real-time engagement, professional scouting profiles, and direct networking tools.
- Lead Frontend Engineer
- Playyofi
- 2025
- Next.js 15 (App Router) / React 18 / TypeScript / Zustand / TanStack React Query / Tailwind CSS / Axios / Radix UI

The problem
The sports recruitment landscape is often fragmented, with athlete talent hidden across siloed platforms and coaches lacking a centralized, social-first environment to discover and communicate with prospects.
The solution
Engineered a high-performance Next.js 15 platform that integrates social feed dynamics with specialized recruitment workflows. Built a role-based architecture (Athlete vs. Coach) featuring deep profile metadata, a robust social graph, and secure messaging capabilities.
Key features
- Dynamic Social Feed with multi-media posts, reposts, and real-time interactions
- Role-specific onboarding for Athletes (metrics/availability) and Coaches (institution/division)
- High-fidelity Profile System with media uploads and rich athletic metadata
- Bidirectional Social Graph supporting follow/follower relationships and discovery
- Integrated Direct Messaging for secure coach-athlete communication
- OAuth 2.0 and OTP-verified authentication flows with session persistence
- Advanced Search and Notification modules for talent discovery and engagement
Architecture & tech decisions
- Feature-oriented directory structure for independent module scaling
- Server-side rendering (SSR) for SEO-optimized athlete and post pages
- Stateful orchestration layer using custom hooks and React Query mutations
- Centralized Auth Store for cross-application identity persistence
- Modular API layer with strict TypeScript interface enforcement
Challenges faced
- Architecting a scalable social graph to handle high-concurrency follow/unfollow interactions
- Managing complex, role-based UI states and conditional onboarding flows
- Optimizing image processing and delivery for high-resolution athlete media and banners
What I'd improve
- Implement real-time video highlight reels with automated transcoding
- Integrate AI-driven talent matching based on athletic metrics and coach requirements
- Develop a 'Live Scouting' feature for real-time game updates and evaluations
Impact & results
Created a centralized hub for sports talent, transforming the recruitment process into a continuous social experience and increasing visibility for athletes in under-scouted regions.
View live projectInterested in working together?
Get in touchEduSpace