InplayFantasy Sports · LiveJan 2025 – Jun 2025
Two full feature suites, navigation infrastructure, and full pt-BR localization for a Brazilian fantasy-sports platform.
Shipped two complete game-format suites end-to-end (a timed live-prediction format and a 1v1 head-to-head format), plus the navigation backbone and localization pipeline the rest of the team now relies on. Established Storybook as the primary development environment for complex game-state variants and built the real-time leaderboard path on Socket.io.
Real-time
i18n
Next.js
Storybook
Role
Senior Frontend Engineer
Scope
5 months
Highlights
- Timed live-prediction format from entry point through in-round questions, results, and real-time leaderboards; image preloading and question prefetching removed a class of perceived-latency bugs before launch.
- 1v1 head-to-head format with prize calculation, play-next auto-proposal, multi-round carousel, and fifteen-plus documented state variants modeled in Storybook for isolated testing.
- Next.js router wrapper with explicit navigation history, scroll restoration on back-navigation, and section-anchor handling. Became the infrastructure every subsequent navigation touched.
- Storybook as the primary dev environment: 34 stories covering complex state mocks (auth, games, leagues, teams, Firebase) and accelerating card-based feature work across the team.
- Portuguese localization pipeline: 800+ translation keys compiled into TypeScript with zero fallback strings; each feature shipped with its pt-BR coverage validated before merge.
- Real-time leaderboards over Socket.io with explicit join/leave lifecycle and update subscriptions.
- Component consolidation: extracted a shared page-header component and carousel primitives that replaced duplicated variants across several surfaces.
Outcomes
- Owned two full feature suites plus the navigation backbone. Every subsequent team touchpoint ran through the router wrapper shipped during the engagement.
- Both feature suites live in the Brazilian market by engagement close.
- Storybook setup became a velocity force-multiplier for subsequent feature work. State variants prototyped in isolation before integration.
Stack
- Next.js 13
- React 18
- TypeScript
- TanStack Query
- Radix UI
- Firebase
- Sendbird
- Socket.io
- react-intl
- Tailwind
- Sentry
- Playwright
- Storybook