CFB Fantasy App

Season-long college football fantasy with live drafts, 3D helmet editor, player analytics, and AI chat assistant

CFB Fantasy App

Overview

The first fantasy platform built exclusively for college football. Create or join leagues, draft real Power 4 and Notre Dame players through live snake or auction drafts, set weekly lineups, manage your roster through trades and waivers, and compete head-to-head all season — with playoffs, standings, and draft grades. Includes a Fantasy Lab for advanced analytics and an AI chat assistant that knows your league.

The challenge: College football has 75 million fans but no dedicated fantasy platform. ESPN and Yahoo treat CFB as an afterthought. We built the app those fans deserve.

Key Features

01
DraftingReal-timeMultiplayer

Live Snake & Auction Drafts

Real-time multiplayer drafting with pick timers, autopick, player queue, draft chat, and live pick updates. Choose snake or auction format with FAAB bidding. Post-draft grades and awards for every team.

02
ScoringMatchupsSaturdays

Weekly Matchups & Live Scoring

Head-to-head matchups with live fantasy point updates during Saturday games. Full season scoreboard, weekly schedule, and score breakdowns by player.

03
TradesWaiversRoster

Trades, Waivers & Lineup Management

Propose trades with league veto system and trade deadline enforcement. FAAB waiver wire with blind bidding. Sleeper-style lineup management — move, swap, drop, and set IR.

04
AnalyticsML EnginePremium

Fantasy Lab

Premium analytics hub with five tabs and nested sub-tabs — Player leaderboards with boom/bust and snap-count charts, Team Intel deep dives, comparative Team Analytics with scatter plots and rankings, an Edge Finder powered by a custom ML prediction engine with proprietary composite metrics, and a Projections tab for season-long fantasy forecasts.

05
PlayoffsHistoryChampionships

Playoffs, Standings & League History

Full season lifecycle from draft to champion. Visual playoff brackets, power rankings, draft grades, and a premium League History archive with trophy cases, rivalry networks, all-time records, and season superlatives.

06
3D EditorCustomizationLocker

3D Helmet Studio & Locker

Design custom helmets in a real-time 3D editor — pick colors, finishes (matte, chrome, gloss), stripe patterns, and save designs to your personal Locker. Assign helmets to your fantasy teams.

07
SocialChatCommunity

Social Feed & Messaging

A community social feed where fans post, like, and repost. Fan chat rooms by team and conference. Direct messages between users. League-specific group chat on every league page.

08
ContentArticlesNews

CFB Central Content Hub

A content feed of CFB articles — previews, recaps, analysis, rankings, and fantasy tips — with a live game score sidebar showing real college football results.

09
3DExploreTeams

3D Explore Experience

An immersive 3D navigation page where users browse CFB teams by conference. Click any team to see their real roster, schedule, and stats in a side panel.

10
Pick'emBracketsPools

Playoff Pick'em Pools

Create or join bracket pick'em pools for the College Football Playoff. Fill out your bracket, compete against friends, and track standings on a live leaderboard.

11
PredictionsBadgesGamification

Game Predictions & Achievements

Pick winners of real CFB games each week and compete on a prediction leaderboard. Earn achievement badges for milestones like championships, perfect prediction weeks, and draft streaks.

12
ExpoiOSAndroid

Mobile App

Expo-based mobile app for iOS and Android with full feature parity — manage lineups, make draft picks, track live scores, and chat with your league on the go.

13
StripeSubscriptionsBilling

Pro Subscriptions & Billing

Three subscription tiers — Individual Pro, League Pro, and League Bundle — with Stripe checkout, 14-day free trials, and a billing portal. Premium features include Fantasy Lab, League History, and advanced projections.

Tech Stack

Next.js 15React 19TypeScriptTailwind v4React Three FiberThree.jsDreiSupabasePostgreSQLVercel CronStripeClaude APIGemini APIPineconeVercelUpstash RedisResendExpoTECH STACK

Skills Applied

Real-time Systems

WebSocket draft rooms with Supabase Broadcast, presence tracking, live scoring with 2–3 minute refresh during Saturday games, and QStash job queues for draft auto-picks with deduplication.

ML Prediction Engine

XGBoost + Ridge Regression ensemble combining Vegas lines, injury adjustments, defensive matchups, and trailing usage shares. Weekly backtesting, boom/bust projections, and confidence scoring.

Security Engineering

hCaptcha and honeypot bot mitigation, threat detection scoring with device fingerprinting, timing-safe authentication, and RBAC with full audit logging.

Email & CRM

Visual drag-and-drop email builder with HTML export, Resend API with delivery/open/click analytics via webhooks, Hunter.io email verification, and a prospect CRM with lead scoring and pipeline stages.

Payments & Subscriptions

Stripe checkout with three tiers ($12.99–$69.99), 14-day free trials, feature gating across 12 premium features, billing portal, and MRR analytics dashboard.

Data Pipelines

ETL system processing players from CFBD, ESPN, and betting APIs into 50+ Supabase tables. Trailing share calculations, automated game analytics refresh, and 16 scheduled cron jobs.

Database Design & SQL

50+ PostgreSQL tables across 24 migrations with 30+ stored procedures, Row-Level Security on every table, atomic draft pick functions to prevent race conditions, and complex relational modeling (leagues → teams → rosters → players → stats).

Data Visualization

Recharts-powered Fantasy Lab with area charts, bar charts, radar comparisons, and gradient fills. Admin dashboards for revenue timeseries, customer cohorts, and email funnels. 40+ ReactFlow architecture diagrams with Dagre auto-layout.

Frontend at Scale

440+ React components with TypeScript strict mode, shadcn/ui + Radix primitives, dnd-kit drag-and-drop interfaces, Framer Motion animations, and Turbopack for fast builds. Responsive from mobile to desktop.

Video Production

Remotion framework for programmatic video rendering — 1,696-frame investor demo with 6 animated sequences, custom SVG chart animations with strokeDasharray draw effects, and mobile device frame mockups.

DevOps & CI/CD

Docker containers for Remotion renderer and FastAPI ML service. GitHub Actions CI/CD workflows with draft E2E tests. Jest test suite for snake draft calculations and scheduling. Redis caching with in-memory fallback. PWA manifest with maskable icons.