/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.

Primary LanguageTypeScript

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

Captura de Pantalla 2023-01-23 a las 21 47 37

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