DEV Community

Cover image for Khelo: From Streets to Stadiums - A Developer's Guide ๐Ÿ
Mayank Variya
Mayank Variya

Posted on

Khelo: From Streets to Stadiums - A Developer's Guide ๐Ÿ

Open-Source, Multi-Platform Cricket Management App Built with Flutter & Firebase

Hello, fellow developers! ๐Ÿ‘‹

Are you a cricket enthusiast who also loves to build, extend, or explore apps? Weโ€™re excited to introduce Khelo, an open-source, multi-platform cricket management app built with Flutter. Whether youโ€™re looking to learn new patterns like Riverpod for state management or want to dive into real-time data handling with Firebase, Khelo offers a great learning opportunity for developers.

Why Khelo?

Khelo isnโ€™t just for end usersโ€”itโ€™s for developers who want to see how a modern, multi-platform app can be structured using Flutter. Weโ€™ve designed it to serve as a resource for anyone exploring Flutter, Firebase, and state management while utilizing the MVVM (Model-View-ViewModel) architecture to keep the app maintainable and scalable.

Tech Stack at a Glance

  • Flutter for cross-platform development (iOS & Android)
  • Firebase Firestore for real-time database management and Firebase Authentication for user handling
  • Riverpod for scalable state management
  • MVVM Architecture for a clean separation of concerns between the UI and business logic

What Can You Learn From Khelo?

  • MVVM with Riverpod: Discover how the MVVM architecture is combined with Riverpod for state management, ensuring a clean, modular design.

  • Real-Time Data Handling with Firebase: See how Firestoreโ€™s real-time features are used for live updates in match stats, player info, and team data.

  • Authentication with Firebase: Understand how Firebase Authentication provides seamless user management and security.

  • Modular Architecture: Learn how weโ€™ve separated features like Profile Management, Team Creation, and Match Data Recording into manageable components.

Core Features for Developers to Explore

  • Player & Team Profiles: Learn how to structure data models and implement CRUD operations for profiles and teams.

  • Match Tracking: Dive into the logic behind recording match data, from toss results to performance tracking.

  • Modular UI Components: Understand how the UI is built with reusable and extensible components, following the MVVM architecture.

  • Performance & Statistics Tracking: Explore the logic used to analyze player and team performance over time.

Explore the Repo

Check out the Khelo GitHub repo to explore the full codebase. Itโ€™s a great opportunity to learn from a real-world app built with the latest tools in Flutter, Firebase, and state management practices.

GitHub Repo: Khelo on GitHub

Get Started

Ready to dive in? Fork the repo, explore the architecture, and use Khelo as a resource to advance your skills in Flutter development.

GitHub logo canopas / khelo

Khelo - An open-source app for easy cricket team management and performance tracking.

Khelo - From Streets to Stadiums ๐Ÿ

Your Ultimate Companion for Cricket Management

Overview

Welcome to Khelo, an open-source multi-platform app designed to cater to all your cricket needs, whether you're a cricket enthusiast, a team manager, or a player. With a wide array of features, our app simplifies the management of cricket teams, players, matches, and performance records. It's like having a personal assistant for your team!

Khelo is built using Flutter and Dart, leveraging Firestore for database management and Firebase for authentication. This project employs Riverpod as its state management solution, adhering to a clean architecture approach organized into multiple modules.

Download App

Screenshots

Matches Record Teams List Start New Match
Score Board Commentary Squad

Features ๐ŸŒŸ๐ŸŒŸ

  • Profile Management: Effortlessly create and manage profiles for players, coaches, and team managers.
  • Team Creation: Form your dream team by easily adding players and managing team compositions.
  • Player Managementโ€ฆ

Top comments (0)