Getting Technical
Deep dives into the features, architecture, and engineering decisions behind Lineup Legends. Select a topic to watch the breakdown and read the docs.
Core Features
6 topicsPlayer Value System
The $1–$5 tier system that drives lineup building, budgets, and the gamble economy.
Lineup Builder
How users create, edit, and manage their 5-position basketball lineups.
Rating System
How lineups are rated on a 1–10 scale with real-time aggregate scoring.
Gamble System
The pack-opening-inspired gamble mechanic with weighted odds, cooldowns, and animated reveals.
Comments & Threads
Threaded commenting system with voting on lineups.
Follow System
Social following with cursor-based pagination and denormalized counters.
Backend Architecture
5 topicsDatabase Design
MongoDB schema design with Mongoose, virtual fields, and document relationships.
tRPC API Layer
End-to-end type-safe API with procedures, middleware, and automatic type inference.
Authentication
NextAuth.js with Google OAuth, JWT sessions, and admin role management.
Caching with Redis
Cache-aside pattern with Redis for player data and user profiles.
Image Pipeline
S3 uploads, CloudFront CDN delivery, and Next.js image optimization.
Frontend & UX
3 topicsAnimation System
Framer Motion animations, particle effects, and the gamble reveal sequence.
Search & Filtering
Client-side fuzzy search with Fuse.js and server-side regex fallback.
Error Handling & Monitoring
Sentry integration, error boundaries, toast notifications, and loading states.