Skip to content

A React-based live score tracker using the CricAPI. Fetches real-time match data, supports search filtering with animated visuals. ๐Ÿ

Notifications You must be signed in to change notification settings

surajkr97/LiveCricketScore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

11 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ LiveCricketScore

๐Ÿš€ A React + Tailwind powered website that provides live cricket scores with a modern UI/UX.
๐Ÿ”ฎ Future plans include adding Hockey and Chess scores as well!


๐Ÿ“Œ Features

โœ… Live Cricket Scores with real-time updates from CricketData API
โœ… Modern and responsive UI with Tailwind CSS
โœ… Search and filter options for matches
โœ… Interactive cards for match details
โœ… Fast & optimized with Vite


๐Ÿ“ธ Screenshots

(Will be added soon)


๐Ÿ› ๏ธ Tech Stack

  • Frontend: React, Tailwind CSS
  • Bundler: Vite
  • API: CricketData API
  • No State Management Used

๐Ÿš€ Getting Started

1๏ธโƒฃ Clone the Repository

git clone https://github.com/surajkr97/LiveCricketScore.git
cd LiveCricketScore

2๏ธโƒฃ Install Dependencies

npm install

3๏ธโƒฃ Start the Development Server

npm run dev

๐Ÿ“‚ Project Structure

LiveCricketScore/
โ”‚โ”€โ”€ public/                # Static assets
โ”‚โ”€โ”€ src/                   # Source code
โ”‚   โ”œโ”€โ”€ components/        # Reusable UI components
โ”‚   โ”‚   โ”œโ”€โ”€ Navbar.jsx     # Navigation bar
โ”‚   โ”‚   โ”œโ”€โ”€ Searchbar.jsx  # Search functionality
โ”‚   โ”‚   โ”œโ”€โ”€ Card.jsx       # Match info card
โ”‚   โ”œโ”€โ”€ App.jsx            # Main app component
โ”‚   โ”œโ”€โ”€ main.jsx           # Entry point
โ”‚โ”€โ”€ package.json           # Project dependencies
โ”‚โ”€โ”€ vite.config.js         # Vite config
โ”‚โ”€โ”€ README.md              # Project documentation

๐Ÿ”ฎ Future Plans

โœ… Add Hockey & Chess Scores
โœ… Dark mode support ๐ŸŒ™
โœ… User authentication for personalized match tracking
โœ… Push notifications for live match updates


๐ŸŒŸ Contributing

Want to contribute? Feel free to open issues or pull requests.


๐Ÿ”— Live Demo

๐Ÿš€ (Will be added soon)


๐Ÿ† Author

๐Ÿ‘ค Suraj Kumar
๐Ÿ”— GitHub | LinkedIn

About

A React-based live score tracker using the CricAPI. Fetches real-time match data, supports search filtering with animated visuals. ๐Ÿ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published