A playground for NBA statistics.
all ball is a modern take on a classic sports statistics site. The app fetches data from https://www.balldontlie.io and displays it to the user in numerous ways.
Users are displayed both game results and the top players from the night prior. If no games were scheduled, users will be prompted to search for a date of their choosing.
Users can click on a game card and be shown both a statistic log for each player and also an animated chart for team stats.
Users can also search for players by name.
Upon clicking one of the searched players, the user will be shown the player's card which displays the name, team and, if applicable, the height and weight of the player. Under the player card is a complete list of game logs for the current season along with their current season averages.
all ball is created with:
- React
- React Hooks
- React-Router-Dom
- Styled-Components
- Recharts
- React-Flippy
To run this project, install it locally using npm:
$ cd ../allball
$ npm install
$ npm start