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

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