Project Showcase

BoxCricket Umpier

AI-Powered Cricket Scoring for Gully Cricket

A Next.js 14 mobile-optimized cricket scoring application for box cricket and gully cricket matches. Features ball-by-ball scoring, intelligent rules engine, live statistics, and smart undo functionality.

View on GitHub

Tech Stack

Next.js 14TypeScriptTailwind CSSZustandVitestReact Testing Library

Built for the field - Mobile-optimized dark theme for outdoor visibility

Key Features

Ball-by-Ball Scoring

Intuitive interface for recording runs (0-6) and extras. Track every ball with a single tap.

Smart Rules Engine

Configurable No Ball, Wide Ball, and Bouncer tracking with free hit logic and auto-conversions.

Live Statistics

Real-time Current Run Rate (CRR), over progression, wickets tracking, and score updates.

Smart Undo

Full state reversion including runs, balls, wickets, extras, and free hit status. Never lose track.

Architecture

Next.js 14 App Router for optimal performance

TypeScript for type safety across the codebase

Tailwind CSS for responsive mobile-first design

Zustand for lightweight state management

Vitest + React Testing Library for comprehensive testing

Dark theme optimized for outdoor visibility

Smart Rules Engine

⚠️

No Ball

Configurable extra runs and free hit logic. First bouncer warning, second becomes No Ball.

↔️

Wide Ball

Configurable extra runs. Track wides per over with automatic run calculation.

📊

Bouncer Rule

Track bouncers per over. Auto-convert 2nd bouncer to No Ball with warning indicator.

⏸️

Dead Ball

Configurable behavior for dead balls. Pause scoring and resume seamlessly.

Match Configuration

Example Match Setup

Team A

Super Strikers

Overs

6 overs

Players

6 per team

Max Wickets: 5 (auto-calculated: players - 1)

Impact

Used in local cricket tournaments with 100+ matches scored. Replaces pen-and-paper scoring with digital accuracy.

100+

Matches Scored

6-8

Players Per Team

Real-time

Statistics