NBA Dashboard

nbadashboard.herokuapp.com

Introduction

This is an ERN (Express JS, React JS, and Node JS) dashboard web application that displays all information regarding NBA games, players, statistics.

There are a lot of numbers involved in the NBA, a dashboard app can make it easier to understand them.

A class project for the CS 410P/510: Front-End Web Tech (Fall 2020) at Porland State University. A collaboration by @andrewbespaly and @pniyongabo.

Instructions for Running the Application

This application makes calls to external API (RapidAPI) that requires a key. For the application to work, that API key needs to be present as path variable named REACT_APP_API_KEY.

Running the Express Server

cd nba-dashboard-server
npm install
npm start

Running the Front End React App

cd nba-dashboard
npm install
npm start

Libraries

Below are the libraries that we used when developing this project:

• chart.js
• recharts
• nba-color

Tutorials

Below are the Tutorials we referenced when working on this project:

• https://mdbootstrap.com/docs/react/tables/pagination/
• https://ledsun.github.io/react-chartjs-example/radar/
• https://www.chartjs.org/samples/latest/