borozcod / baller-stats

Basketball Stats App

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Baller Stats · ballin? tag

A dashboard for displaying your team's basketball data.

Running it locally

NOTE: Baller stats requires an api from where the data is read. Baller Stats Parser is a script that will generate a json output from a google sheet. The output from the parser is what is used as the api.

Environment Variables

Create a file named .env in the project's root directory. Set the following environment variable to your api's endpoint.

#!/bin/bash
export REACT_APP_API_URL=YOUR_API_URL

Source the file

source .env

Install npm packages and run the app

npm install
npm run start

Additional Information

Rollup JS

Rollup is used to bundle our application. It bundles everything from the src and copies the public directory into dist. The dist directory can serve as the homepage of the application. When you run npm run build rollup will use your PUBLIC_URL environment variable and replace the string %PUBLIC_URL% with this.

Styling

Tachyons

As a general rule of thumb, try and use the classes from https://tachyons.io/ before trying to create your own css style.

CSS

Each component can include its own .css file. For example, if you are working on a Table.js component, you would add a Table.css in the same location as your component. You will then import the css as follows.

import './Table.css';
...

About

Basketball Stats App


Languages

Language:JavaScript 90.5%Language:CSS 7.1%Language:HTML 2.3%Language:SCSS 0.1%