ayyaz.dev
← Projects / 2014
2014·Client·Shipped

Cricket Scorer App

A web app to collect cricket match details ball-by-ball — built end-to-end as an Upwork project.

Home page
Role
Lead engineer
Stack
CSS3 · HTML5 · JavaScript · AJAX · jQuery · MySQL · CodeIgniter · PHP
Status
Shipped

A web app to collect cricket match details ball-by-ball — built end-to-end as an Upwork project.

Users create a new match, configure the toss, select home/away teams, pick the bowler, and feed the live score panel as the match progresses. The app also tracks bowling figures, generates a complete score card view, and provides a built-in reference for cricket laws and rules.

Tools used: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL Framework: CodeIgniter

§ Screens

From the Cricket Scorer App build.

Real shots, presented at native scale.

Login screen
Fig. 02 — Primary surface
Create new match page
Fig. 03 — Detail view
Toss configuration
Fig. 04 — Empty state
Select home team
Fig. 05 — Mobile
Select bowler
Fig. 06 — Additional view
Live score panel
Fig. 07 — Additional view
Score card view
Fig. 08 — Additional view
Bowling figures
Fig. 09 — Additional view
Completed match summary
Fig. 10 — Additional view
Cricket laws and rules reference
Fig. 11 — Additional view
§ Next

Related work.

2014Hotel Rooms Booking SystemClient2014Time Workerz — Micro Jobs WebsiteClient2014Gulf GSM — Shopping CartClient