borozcod/baller-stats

Basketball Stats App

👋🏽 ¡Hola!

I'm Bryan, a Software Developer based out of Los Angeles.

baller-stats's Issues

Schedule API call

Make an API call for api.ballerstats.com/schedule that just returns the upcoming schedule from the google doc. Inside the /api/routes.js you can follow what was done for /members and create your custom logic. Create a getSchedule.js method inside /methods. Ideally, it would be great to also have custom URLs like api.ballerstats.com/schedule/:teamID that returns the schedule in an array, just for that team.

Table sort feature

Add a sort feature to the Table component. You should be able to sort each column.

Player comparison feature

I wanted to add a sort of player comparison feature. It would be a new tab labeled compare.
Let's experiment with the possibility of adding this library https://www.npmjs.com/package/chart.js
It would be great if we could model the data that we get from Table.js into a format that fits the chart.js dataset, that way we wouldn't need to make a separate request. This may involve moving the axios request outside Table.js and into Home.js .

What I have in mind is using the Radar feature to compare.
https://www.chartjs.org/docs/latest/charts/radar.html

This shouldn't be hard coded

baller-stats/api/methods/getTeam.js

Lines 5 to 12 in 95090f9

	const range = {
	"1": "Just Du It!A2:S",
	"2": "Clay-mores!A2:C7",
	"3": "Kai-ser Rolls!A2:C7",
	"4": "LemMon-ade!A2:C7",
	"5": "The Carroll-ers!A2:C7",
	"6": "Average Joe's!A2:C7"
	};

Add LoadCheck higher order component

As of now when someone first loads the page, they see a blank screen for a second or two. This is because of the time it takes to make the API request. We need a piece of state that is initially set to false and then set to true once the api request in the componentDidMount function is complete. If the loading state is set to false show a loading screen, else show the content. I think this is the perfect case for a higher order component. Something like

<LoadCheck
load={this.state.load}
>
<MyComponent>
</LoadCheck>

This way you can render the component as this.props.children inside the HOC.

Fix Table Spacing

Total points table spacing needs to be adjusted for longer names.

Add Volunteer Section

Need to create an area that will show who opens/closes the gym and who is scheduled to serve at each game.

Should show the following:

• Clock Keeper (Per Game)
• Stats Keeper (Per Game)
• Opening Gym (Per Day)
• Closing Gym (Per Day)

Update /members api call

Currently https://api.ballerstats.com/members returns two objects, members and names. I would like to add a third object for fields these would be the fixed fields used at the top of the table (Points, PPG, FT% ... ). This call should return the first row of the Leaderboard google sheet.