Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/parajulibkrm/live-sports-score
- Owner: Parajulibkrm
- Created: 2022-10-02T12:25:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-10-19T15:06:10.000Z (about 2 years ago)
- Last Synced: 2024-11-07T11:18:53.481Z (2 months ago)
- Topics: deta-base, express, mantine, pusher
- Language: TypeScript
- Homepage: https://skore.bikram.io
- Size: 1.15 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
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
# 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)![](screenshots/1.jpeg)
![](screenshots/2.jpeg)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