Back to Projects
thumbnail

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.
Live Preview
2026 | Built by Mithlesh Sharma