All work

Case study · Youth sports (basketball)

HOOPWRLD.

A SaaS-based assessment platform designed for school basketball players in the United States.

What we built
SaaS web app with AI reports
Stack
Next.js 14.2.15, React 18, TypeScript 5, Tailwind CSS
Services
SaaS web appAI reportsPaymentsPDF reports
HOOPWRLD

About the project

What is HOOPWRLD?

The project is a SaaS-based assessment platform designed for school basketball players in the United States. It provides players, their parents, and coaches with tools to evaluate player performance, track progress, and generate detailed AI-powered reports. By using extensive questionnaires, the platform identifies strengths, weaknesses, and areas for improvement, offering actionable insights for player development. The core value lies in combining self-assessment, peer/coach input, and AI analysis into a unified digital profile that can be shared and tracked over time.

Conclusion

This SaaS platform transforms how school basketball players in the U.S. receive feedback and track their progress. By combining structured questionnaires, AI-powered insights, and modern SaaS infrastructure, it delivers value to players, parents, and coaches alike. From a business perspective, it introduces a scalable revenue model for sports assessments.

The problem

What was slowing them down.

  1. 01

    No structured feedback systems

    School-level basketball players often lack structured feedback systems. Traditional assessments are either informal, inconsistent, or scattered across paper forms, making it difficult for players and parents to identify areas of growth.

  2. 02

    Manual evaluation by coaches

    Coaches also spend significant time manually evaluating athletes without standardized frameworks.

  3. 03

    No centralized tracking

    Lack of centralized player performance tracking.

  4. 04

    No AI-driven feedback

    No structured, AI-driven feedback mechanism for improvement.

  5. 05

    Limited shareability

    Limited shareability of player progress reports.

  6. 06

    No scalable SaaS solution

    Absence of a scalable SaaS solution for schools, parents, and players.

The solution

What we built.

For players, parents and coaches

We built a web-based SaaS platform that delivers:

  • Detailed Assessments: a comprehensive questionnaire completed by players, parents, and coaches.
  • AI-Generated Reports: intelligent insights highlighting strengths, weaknesses, and personalized recommendations.
  • Shareable Player Profiles: profiles that aggregate performance data and assessments in one accessible format.
  • Secure Access & Payments: subscription-based access powered by Stripe.
  • Cross-user Functionality: players, parents, and coaches interact within the same ecosystem.
  • This solution standardizes performance evaluation, saves time for coaches, and empowers players to track growth with professional-level reporting.
Phone on a dark textured backdrop showing a player profile with assessment requests

Results

What changed.

Players, parents and coaches

  • Improved Feedback Process

    Structured, AI-powered reports replaced ad-hoc evaluations.

  • Time Savings for Coaches

    Automated assessments reduced manual effort.

  • Player Development

    Actionable insights encouraged structured improvement and accountability.

  • Shareability

    Easy-to-share digital profiles improved visibility for players pursuing opportunities beyond school teams.

Business

  • Revenue Stream

    Subscription-based SaaS model enabled scalability and monetization.

Key challenges

The hard parts, and how we solved them.

  • Complex Questionnaire Management

    Used React Hook Form + Zod for form handling and validation.

  • Generating Detailed PDF Reports

    Combined React-PDF Renderer, jsPDF, and html2canvas for flexible and high-quality PDF generation.

  • Ensuring Secure Authentication

    Implemented passwordless magic link authentication with JWT & cookie-based sessions.

  • Scalability and Hosting

    Deployed via Vercel, using serverless functions and environment-based configurations.

  • Payment Integration for SaaS

    Integrated Stripe Payment Intents API with React components for a smooth, secure checkout flow.

  • AI Report Generation

    Integrated OpenAI API for generating tailored insights and recommendations based on assessment data.

Three phones with neon outlines showing a player report, the role selection screen and the landing pageTwo phones showing a detailed player report and the contact and disclaimer section

Tech stack

What it runs on.

Frontend Framework
Next.js 14.2.15React 18TypeScript 5
Styling & UI
Tailwind CSSDaisyUIReact IconsCustom CSS
Database & Backend
MongoDB AtlasMongooseNext.js API Routes
Authentication & Security
Magic link authenticationJWT tokensCookie-based sessionsMiddleware route protection
Payment Processing
Stripe (Payment Intents API, React components)
PDF & Document Handling
React-PDF RendererjsPDFhtml2canvasReact-to-Print
File Storage & Uploads
Vercel BlobNext.js image optimization
Email Services
SendGridMailgun
AI & Analytics
OpenAI APIGoogle Analytics 4React GA4
Form Handling & Validation
React Hook FormZodHookform Resolvers
Development Tools
ESLintPostCSSAutoprefixerYarn
External APIs & Hosting
NBA APIWNBA APIVercel (serverless + edge functions)

Process

How we got there.

  1. 01Onboarding & Authentication

    Passwordless login using magic links for secure sign-up.

  2. 02Assessment Completion

    Players, parents, and coaches fill out the questionnaire.

  3. 03AI-Powered Analysis

    Platform generates tailored reports based on responses.

  4. 04Profile Creation

    Dynamic player profiles with comprehensive data are created and updated.

  5. 05Payment Processing

    Stripe integration ensures smooth subscription management.

  6. 06Report Sharing

    Users can download, print, or share detailed PDF reports.

Building something like HOOPWRLD?