Back to Project Hub

IPL Dashboard

Next.jsTypeScriptPrismaSQLiteNextAuthDockerTailwind CSS

The Problem

Families and friend groups need a customized, private platform to conduct real-time IPL player auctions and manage their own fantasy leagues with automated Dream11-style points calculation.

The Solution

A full-stack, real-time Fantasy IPL application designed specifically for private leagues. It features a live interactive auction room, custom franchise management, and a robust automated points calculation engine.

Key Features

Live auction room with admin-controlled player sales and ₹100 Cr franchise budget management
Dream11-style T20 points engine processing runs, wickets, and strike-rate into fantasy scores
Top Performers tracker (Orange Cap, Purple Cap, Firepower, Control) across the league
True 11-Man aggregate scoring that algorithmically finds each team's best XI across the season
Dedicated sync-worker service for scheduled, automated live match syncing via cricket REST APIs
NextAuth credential-based franchise login with bcrypt password hashing

Architecture

The application uses a Next.js (App Router) and TypeScript frontend with a glassmorphism, dark-mode UI, backed by Prisma ORM over SQLite. A dedicated Dockerized sync-worker service runs on a schedule to pull live match data from a cricket REST API (with a RapidAPI/Cricbuzz fallback) and automate score syncing and points calculation independently of the main app.

Challenges Faced & Solutions Delivered

Challenges Faced

  • •Organizing IPL-related information in a way that is easy to explore.
  • •Presenting teams, matches, statistics, or insights without making the interface cluttered.
  • •Designing a dashboard or data-driven interface with clear visual hierarchy.
  • •Handling different types of sports data such as teams, players, matches, scores, or performance metrics.
  • •Making the application interesting for both casual viewers and users looking for insights.
  • •Testing data accuracy, filtering, navigation, and responsiveness.
  • •Managing edge cases such as missing data, inconsistent data, or confusing display formats.
  • •Making the project useful as a demonstration of data presentation and user-focused design.

Solutions Delivered

  • ✓Built an interactive cricket-focused project around IPL data and insights.
  • ✓Converted sports information into a clean and engaging user experience using clean information organization.
  • ✓Designed the project to strongly demonstrate data presentation, dashboard thinking, and user-focused design.
  • ✓Applied rigorous UI testing practices to validate data display, navigation, UI behavior, and responsiveness.
  • ✓Made the project accessible for both technical reviewers and general users.
  • ✓Created a project that turns a familiar real-world topic into a structured software experience.

"IPL transforms complex sports data into a clean, interactive experience, showcasing strong data presentation, dashboard thinking, UI testing, and clean information organization."

Want to know more about the developer?