Skip to content

tuckduck/nba_web_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NBA player web application

first React project for @tuckduck

Functionality

Can search through NBA players with the search bar. The API has a search parameter which matches against player first OR last name. When searches result in more players than can be displayed, scroll through pages with the buttons at the bottom of the page. Can switch between a Card and List view to view the players.

Neat bits

Player cards are colored to reflect their team color

Next Steps

Utilize more builtin React Components rather than building new customs. Main barrier to this is understanding how to create and inject components dynamically. ie. with the card grid how to create new rows/columns and then insert a new card into them dynamically. Similar issue with using React listgroup, instead I had to work around using vanilla html.

Potential feature would be to add search by team to the search bar. However with the current API would require pulling the database and reindexing locally since the API currently offers no way to search for a player(s) via team id or name. The API search parameter leaves much to be desired, so possibly looking for a better API or storing data locally would be options moving forward.

Also my current design of the dispatcher object holding all the component references probably needs improvement. Need to look further into React "hooks" and lifecycle methods, seem to provide support for this kind of stuff.

nba_app_example

About

Web Application to search through NBA players. Built with React-Bootstrap and utilizes https://www.balldontlie.io API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors