khushilsheth/sports-match-tracker

cricket match score tracker

Cricket Score tracker (sports match tracker): 🏏:

Dynamic webapp, Tech stack:

Uses RapidAPI, crickbuzz-cricket

API link

Basic layout:

• [Navigation bar] with hover & transition effects.
  
• [Match container] which fetch matches dynamically from the api, also they are categorised accordingly. There are match cards in which has the match title, team names and score.
  
• [On clicking] the match cards it gives a detailed Scorecard which is a pop up card. which has the detaieled score of the innings. the popup card aslo has a function that on clicking anywhere else than the pop up window the window will be closed.
  

Steps:

• Signup for the api API link and get your key
• Change it in the script.js file. Where api key is declared globally
  

Terminal comands

• Fork the git Repo : Click the "Fork" button at the top-right corner of the page.
• Clone the Repo:

git clone <Repo_URL>

• Navigate to the Repository and change the directory:

cd <your_repository_name>

• Create new branch to work differently than main branch

git checkout -b new-branch-name

HAVEFUN

Stage and add your changes in your local git

git add .

Commit your changes

git commit -m "Any_necessary_desc"

Push it to your branch on remote repo

git push origin <new/old branch-name>

Create a Pull Request to merge your changes into the original repository.
1.Go to Your Forked Repository:
Navigate to your forked repository on GitHub.
2.Click "Compare & pull request":
You should see a "Compare & pull request" button. Click it.
3.Fill Out the Pull Request Form:
Provide a title and description for your pull request, then submit it.

GOOD Pull Requests are always Welcomed🤗

Preview:

- Match cards:


- Popup Detailed score card:


- Detailes being fetched in console