Personal Project

Crick Canvas

A cricket league tracking app with rankings, stats, and head-to-head insights built using Angular and Firebase.

I’ve built a web application called Crick Canvas using Angular, HTML, CSS, JavaScript, Tailwind CSS, and PrimeNG, with Firebase as the backend for data storage. This app allows users to track their cricket matches and leagues in a detailed manner. One of the key features is the ranking system, where users can see their rank based on their performance in different leagues. In addition, the app includes a statistics section that helps users monitor their overall performance—such as total runs, total wickets, and even head-to-head (H2H) records against other teams. And just to be clear—I totally made this app for fun 😉. We’ve been playing Dream Cricket25 in our friend circle, and my friends suddenly turned into cricket analysts who wanted to track every match like it’s the IPL finals. So naturally, I had no choice but to create this web app and become the unofficial BCCI of our group 😄

HTMLCSSSASSTailwind CSSJavaScriptAngularFirebase