CrickTech

Welcome to CrickTech - Revolutionizing Your Cricket Experience.

Welcome to CrickTech, where innovation meets cricket fandom. Immerse yourself in the thrilling world of cricket like never before.

Our Mission

At CrickTech, our mission is to redefine the way cricket enthusiasts engage with the sport. We strive to enhance your cricket experience through technology, providing a platform that caters to both casual fans and die-hard enthusiasts.

Working

Explore the magic behind CrickTech in three simple steps:

• Sign Up: Create your personalized account and join a vibrant community of cricket enthusiasts.
• Dive In: Immerse yourself in live streaming chatrooms, real-time match updates, and predictive analysis.
• Experience Cricket Like Never Before: Engage, predict, and celebrate the game with fellow fans.

Youtube

To see the Demo Video Working for the Project:

GeekforGeeks Article

To know more refer to this GFG article - https://write.geeksforgeeks.org/post/5476378

Frontend

1. Complete Frontend code is deployed on Vercel: https://github.com/abhishek-yeole/cricktech
2. Developement Tech Stack:
   • React JS
   • Material UI
   • Spline 3D
   • Framer Motion

Backend

1. Simple API's: login, register,forgot, checklogin, etc. where developed using Flask and is deployed on Vercel: https://github.com/abhishek-yeole/cricktechapi
2. Streaming API's: Room Chat, Group Chat, Polls, etc. where developed using Flask and is deployed on 🤗 Hugging Face: https://huggingface.co/spaces/abhicodes/cricktechstreamapi
3. Developement Tech Stack:
   • Python Flask
   • 🤗 Hugging Face Spaces
   • Docker

Databases

1. MySQL: For Simple API's MySQL database is used. Database is hosted on Freemysqlhosting site which provides 5MB database.

   

2. Hugging Space Non-Persistent Database Storage: For Streaming API's hugging face non persistent storage is used. It is integrated feature of Hugging Face Spaces.

Machin Learning Models

1. T20i Cricket Score Predictor:

   • Deployed Model - 🤗 Hugging Face: https://huggingface.co/spaces/abhicodes/T20i-cricket-score-predictor
   • Developed using Jupyter lab -
     • Kaggle Notebook: https://www.kaggle.com/code/abhisheky27/t20i-cricket-score-predictor
     • Google Collab .ipynb file: https://colab.research.google.com/drive/1mqtLjarfVQTXwiMyerHH0fLWp6K2eta9?usp=sharing
   • Dataset: https://www.kaggle.com/datasets/jamiewelsh2/ball-by-ball-it20
   • Size of Model ~ 514.39MB (Hashed)
   • Interface using Gradio

2. ICC World Cup Score Predictor:

   • Deployed Model - 🤗 Hugging Face: https://huggingface.co/spaces/abhicodes/ICC-World-Cup-Score-Predictor
   • Developed using Jupyter lab -
     • Kaggle Notebook: https://www.kaggle.com/code/abhisheky27/icc-world-cup-score-predictor/
     • Google Collab .ipynb file: https://colab.research.google.com/drive/13fBNphICHe4_ojK1DRiILgDOeyOcu8od?usp=sharing
   • Dataset: https://www.kaggle.com/datasets/utkarshtomar736/odi-mens-cricket-match-data-2002-2023
   • Size of Model ~ 2.95 GB (Hashed)
   • Interface using Gradio

3. Cricket Players Performance Analysis:

   • Deployed Interface - 🤗 Hugging Face: https://huggingface.co/spaces/abhicodes/Cricket-Performance-Analysis
   • Dataset: https://www.kaggle.com/datasets/akarshsinghh/cricket-player-performance-prediction
   • Developed and Interface using Gradio

ChatBot LLM

The ChatBot - CrickBot was built using a free GPT provider - gpt4free

• The API endpoint for prompt engineering and user query was built using Flask.
• Then it is connected to the frontend ChatUI.

System Architecture:

1. Routes Architecture:
2. API Architecture:

Features

• Chatrooms (Public and Private) with Live Streaming:

  Join the conversation in our dynamic chatrooms, where cricket fans unite. Discuss live matches, share insights, and enjoy the thrill together. With live streaming integrated, the action is just a click away.

• Score Predictor for T20 and ICC Matches:

  Test your cricket instincts with our Score Predictor feature. Predict the outcomes of T20 and ICC matches, challenge your friends, and climb the leaderboard. The excitement of the game is now in your hands.

• Player Performance Analysis:

  Go beyond the scoreboard. Dive into in-depth player performance analysis, stats, and insights. CrickTech provides a comprehensive view of player achievements, allowing you to appreciate the skills that shape the game.

• Matches Info:

  Stay informed with up-to-the-minute match information. From schedules to results, CrickTech keeps you in the loop, ensuring you never miss a crucial moment. Explore fixtures, track scores, and relish the magic of cricket unfolding in real-time.

Visit Live Site

CrickTech is hosted using Vercel.

CrickTech

Run it locally

In the project directory, you can run:

npm init

Installs the required the libraries on the local machine. Also install required libraries if not installed use:

• Install force library: npm install force
• Install pakages with conflicting dependencies using force: npm install package_install_name --force

NOTE: Do not use npm: --legacy-peer-deps library. It will break down Spline runtime and Spline react-spline libraries causing error.

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Do 🌟 the repo ❤️.