Create and manage a 15-player Fantasy Premier League squad
Back to workSYNCED
Full-stack product · 2026
YLB FPL Lab
A Fantasy Premier League planning workspace for building squads, organizing lineups, and making better transfer and budget decisions.
Team overview
Gameweek plan
Squad intelligence
£99.6m
Budget
15
Players
2
Transfers
Starting XI11 / 11
- Role
- Product design & full-stack development
- Focus
- Planning workflows and persistent user data
- Stack
- Next.js, TypeScript, Tailwind, Supabase
The challenge
FPL planning can feel fragmented.
Fantasy Premier League managers often jump between player lists, budget calculations, lineup choices, and notes. That makes it harder to keep track of a complete squad and understand how one transfer affects the larger plan.
YLB FPL Lab brings those connected decisions into one workspace: build a squad, choose a starting XI, organize the bench, track finance and transfers, and return to the same saved planning data later.
The solution
A planning tool designed around the decisions users make.
Choose a starting XI and set a clear bench order
Track transfers, available budget, and squad finance data
Save squad, lineup, and planning data to a user account
Product walkthrough
Key workflows, built into one workspace.
The product brings squad selection, lineup planning, transfers, and FPL insights into a focused experience that works across screen sizes.
Technical approach
Built to make complex state easier to manage.
Next.js
App Router, routing, and application structure
TypeScript
Safer data models and predictable feature development
Tailwind CSS
Responsive interface system and reusable UI patterns
Supabase
Authentication and cloud persistence for user data
Engineering challenges
Designing for consistency, clarity, and continuity.
Keeping team state consistent
Squad selection, the starting lineup, bench order, transfers, and finance information all affect one another. I structured the workflow so changes remain understandable and the interface reflects the latest saved team state.
Making dense information usable
Fantasy planning brings together player data, budgets, positional requirements, and transfer choices. The interface prioritizes the current task and uses clear summaries so users can make decisions without losing context.
Persisting personal planning data
The product uses account-based storage so users can return to their work. Authentication and cloud sync support a more useful experience than temporary browser-only state.
What’s next
A foundation for deeper FPL insights.
- Fixture difficulty and opponent-context insights
- Player-comparison workflows for transfer decisions
- Expanded transfer history and season planning views
- More automated tests around squad constraints and transfer logic