Back to Projects
Live Preview

SportsFan360
React NativeExpoRedux ToolkitAWS AmplifyNativeWindAWS CognitoAWS API GatewayAWS S3HLS.jsTypeScript
A feature-rich mobile platform for sports fans to engage with live cricket content, build fantasy squads, chat with communities, and track fan sentiment.
SportsFan360 is a feature-rich mobile platform built for cricket enthusiasts. It combines social media-style feeds, real-time video streaming, fantasy squad building with auction mechanics, and community-driven chat, creating an immersive fan experience. Built with React Native and Expo for cross-platform delivery on iOS, Android, and Web.
Built at Atobic, this app is trusted by a growing user base of cricket fans.
My Contributions
🏏 Fantasy Squad Builder & Auction System
- Built custom fantasy cricket squad creation for tournaments like IPL 2026 and WPL 2026.
- Implemented real-time auction-style bidding system with countdown timers for athlete selection.
- Developed team formation management with role-based slots (Batter, Bowler, All-Rounder, Wicket-Keeper).
- Created athlete comparison tool to evaluate player stats side-by-side before drafting.
- Built leaderboard system with tournament-based rankings and scoring.
📰 Social Feed & Content Creation
- Developed infinite-scroll news feed with pull-to-refresh and paginated loading using NextToken-based pagination.
- Built rich post creation with text, images, and media uploads via S3 presigned URLs.
- Implemented interactive polls (Quiz and Opinion types) with single/multi-choice answers.
- Added Repost and Echo (quote-repost) functionality for content sharing.
- Built emoji-based reaction system on posts and comments with optimistic UI updates via Redux.
- Developed threaded comment sections with nested replies.
- Created skeleton loading (shimmer) components for smooth perceived performance.
🎥 Match Center & Video Streaming
- Integrated HLS-based live and on-demand video streaming with adaptive bitrate.
- Built multi-audio track support with an audio language selector.
- Developed cross-platform video player: native player on mobile, Video.js on web.
- Implemented calendar-based match schedule browser with date filtering.
💬 Real-Time Chat & Communities
- Built group-based messaging system with real-time message loading.
- Developed create and manage chat groups with member selection.
- Implemented message reactions and reply-to-message threading.
- Created group discovery tab to find and join public communities.
📊 Fan Sentiment & Analytics
- Built team-based fan sentiment dashboard per tournament.
- Developed top bids tracking and top drafted players analytics across the platform.
- Created team ranking cards with visual stat breakdowns.
🔐 Authentication & Security
- Implemented AWS Cognito-powered authentication via Amplify with multiple sign-in flows: Email/Password, OTP verification, Google Social Login.
- Built forgot password flow with OTP-based reset and onboarding screens for first-time users.
- Developed protected route navigation with automatic redirect for unauthenticated users.
- Implemented token-based API authorization with automatic session refresh.
⚡ Key Technical Highlights
- Optimistic UI Updates: Redux-powered instant feedback on likes, reactions, and post actions before server confirmation.
- Presigned URL Media Pipeline: Secure S3 uploads for images and media without exposing credentials.
- Real-Time Auction Timer: Global timer hook powering live countdown for squad auction bidding.
- Modular Service Layer: 9 dedicated service modules abstracting all API communication with typed responses.
- File-Based Routing: Expo Router with typed routes for compile-time route safety.
- New Architecture Enabled: Running on React Native's New Architecture for improved performance.