https://github.com/guuri11/swish-front

Swish is a basketball scoreboard platform that allows users to manage Games, Players, Users, and Teams. The frontend of the platform is built using React and Typescript.
https://github.com/guuri11/swish-front

basketball basketball-scoreboard-app basketball-stats mantine mantine-ui mobx mobx-react nba react react-router sockjs stomp stompjs stompweb typescript

Last synced: 8 months ago
JSON representation

Swish is a basketball scoreboard platform that allows users to manage Games, Players, Users, and Teams. The frontend of the platform is built using React and Typescript.

• Host: GitHub
• URL: https://github.com/guuri11/swish-front
• Owner: Guuri11
• Created: 2023-01-17T19:52:03.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-23T21:15:25.000Z (over 2 years ago)
• Last Synced: 2025-01-05T22:11:46.709Z (9 months ago)
• Topics: basketball, basketball-scoreboard-app, basketball-stats, mantine, mantine-ui, mobx, mobx-react, nba, react, react-router, sockjs, stomp, stompjs, stompweb, typescript
• Language: TypeScript
• Homepage:
• Size: 256 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Swish Frontend 🏀: React Typescript

Swish is a basketball scoreboard platform that allows users to manage Games, Players, Users, and Teams. The frontend of the platform is built using React and Typescript.

## Features

- Display the data retrieved from the backend API

- Handle authentication

- Show the games, teams, and players

- Admin scoreboard to update the data for an in-game match

## Getting started

- Clone the repository

- ```git clone https://github.com/Guuri11/swish-front.git```

- ```npm install```

- ```npm start```

- Access the application at http://localhost:3000

## Dependencies

- React

- Typescript

- React Query

- React Router

- Mantine UI

- Mobx

- SockJS

- StompJs

## Demo of a GSW vs LA in 2021

Left side we have admin view in the scoreboard, right side we have user view of a game

[https://drive.google.com/file/d/1X-cU9hXQ7y](https://drive.google.com/file/d/1X-cU9hXQ7yjIBt-nHUUIAyPVRydO-oqI/view?usp=share_link)

![Captura de Pantalla 2023-01-23 a las 21 47 37](https://user-images.githubusercontent.com/48799796/214151422-2aee3846-112e-4861-99d9-03694bd8d0fc.png)

Note: The frontend app will need to be configured with the backend API endpoint in order to fetch and display the data.