https://github.com/darkalexwang/statsboard

Created a dashboard using React, D3 and Ant Design backed by API from stats.nba.com to visualize individual player’s shot data, including a shot chart and user profile view.
https://github.com/darkalexwang/statsboard

ant-design d3 filter react visualization

Last synced: 3 months ago
JSON representation

Created a dashboard using React, D3 and Ant Design backed by API from stats.nba.com to visualize individual player’s shot data, including a shot chart and user profile view.

Host: GitHub
URL: https://github.com/darkalexwang/statsboard
Owner: DarkAlexWang
Created: 2020-09-17T21:06:43.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2020-11-02T19:57:21.000Z (over 4 years ago)
Last Synced: 2025-01-26T20:46:44.250Z (5 months ago)
Topics: ant-design, d3, filter, react, visualization
Language: JavaScript
Homepage:
Size: 221 KB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# NBA Player Scores Analysis

### About
NBA is no doubt an exciting sports and produces many famous superstars generation by generation. Because of that, fans usually argue against each other to prove some player is better than the others. But most of fans' arguments depend on baised views instead of strong data analysis, which make the whole debate seem meaningless.

This website aims to provides communities of NBA fans with clearly visualized stats of NBA players to improve the quality of the posts of debate.

### Installation Instructions
##### Built With
* Frontend
* React.js
* Ant Design
* Passport.js
* HTML/CSS
* D3.js
* Backend
* FireBase
* NBA API

##### Download Prerequisites
if you are a Windows user:
**node.js:** Binaries, installers, and source tarballs are available at https://nodejs.org/en/download/.

To check if you have Node.js and npm installed, run this command in your terminal:
```
node -v
```
```
npm -v
```
If you are a Mac user, you don't need to install any prerequisites
##### Clone the Repo
In your command line/terminal, type in:
```
git clone [email protected]:DarkAlexWang/StatsBoard.git
```
##### Project Deployment
In your command line/terminal, type in:
```
npm start react
```
### Features
When you launch the project, you will see the candid dashboard with player's info on left panel and shot graph on the right

##### search bar