Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/parajulibkrm/live-sports-score

A progressive web application for realtime match scores and commentary. Built with vite react mantine and pusher
https://github.com/parajulibkrm/live-sports-score

deta-base express mantine pusher

Last synced: 10 days ago
JSON representation

A progressive web application for realtime match scores and commentary. Built with vite react mantine and pusher

Awesome Lists containing this project

README

        

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]





Logo

Skore- Live Score Application


A progressive web application for live score of football tournaments. Useful to host you own app for small events and leagues.


Explore the readme »




Author
·
Report Bug
·
Request Feature

Table of Contents



  1. About The Project



  2. Getting Started


  3. License

  4. Contact

# About the project

A responsive progressive web app using Pusher.js to broadcast and view live score and commentary for football events.

- [x] Realtime
- [x] Lazy Loaded
- [x] Responsive
- [x] Installable
- [x] [Live Demo with realtime Simulation](https://skore.bikram.io/game/test)

GIF



![](screenshots/1.jpeg)
![](screenshots/2.jpeg)

GIF



This repository is accompanied by the following repository.
# Backend




## Built With
This is the list of technologies that we are using for the project.
* [Node js](https://nodejs.org/en/)
* [Express](http://expressjs.com/)
* [Deta Base](http://deta.sh/)
* [Pusher](https://pusher.com/)
* [React](https://reactjs.org/)
* [Vite](https://vitejs.dev/)
* [Typescript](https://www.typescriptlang.org/)
* [Mantine](http://mantine.dev/)

# Getting Started
## Prerequisites

*You need to have [`node v14.16.0`](https://nodejs.org/en/) or later to run this project since we're using es6+ features*

Create a deta base account from [here](https://web.deta.sh/) and make a project and obtain credentials.

Create account and start a Pusher Project from [here](https://pusherc.com).

Start backend server. Check this [Repo](https://github.com/parajulibkrm/Skore-backend).

## Installation

**Clone the repository to your device.**
```bash
git clone https://github.com/Parajulibkrm/Live-Sports-Score.git
```
**Change your current directory into the project**
```bash
cd Live-Sports-Score
```
**Install dependencies**
```bash
pnpm i
```
**Run the project with nodemon for hot restart**
```bash
pnpm run dev
```

![](images/Running.gif)

## Config

Set your configuration to `.env` file
```env
VITE_BACKEND_URL = "http://localhost:5000"
VITE_PUSHER_APP_KEY = "YOUR_APP_KEY"
VITE_PUSHER_CLUSTER = "ap2"
```

## Contribution

- Bikram Parajuli - [@Parajulibkrm](https://twitter.com/Parajulibkrm)
- Pratikshya Pouudel - [@Pratikxya](https://github.com/Pratikxya)

[contributors-shield]: https://img.shields.io/github/forks/parajulibkrm/Live-Sports-Score?style=for-the-badge
[contributors-url]: https://github.com/parajulibkrm/Live-Sports-Score/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/parajulibkrm/Live-Sports-Score?style=for-the-badge
[forks-url]: https://github.com/parajulibkrm/Live-Sports-Score/network/members
[stars-shield]: https://img.shields.io/github/stars/parajulibkrm/Live-Sports-Score?style=for-the-badge
[stars-url]: https://github.com/parajulibkrm/Live-Sports-Score/stargazers