๐ React App Using NHL API
A React application that presents various information about the NHL via official, yet undocumented, APIs.
๐ฅ Goals
- Tackle challenge of using undocumented a APIs.
- Some community documentation available but none officially for any of the APIs used.
- Documentation available for the NHL Records and Stats APIs here by Drew Hynes.
- Improve React skills.
- Learn React libraries such as React Router.
- Learn React Redux.
- Improve Bootstrap skills.
- Learn styling using Sass.
- Improve UI design skills.
- Improve UX skills by making sure there is clear flow between components.
- Have fun with available NHL data from the APIs!
๐ป Technologies Used
- React
- This project was bootstrapped with Create React App.
- Bootstrap
- This project uses Bootstrap v5.0.0-apha1.
- The alpha was chosen as to learn and explore it's new features in a project that did not require stability for real deployment.
- React Router
- React Redux
- SASS
- Axios
๐ฅ๏ธ APIs Used
- NHL Records API
- NHL Stats API
- NHL Team Logos
๐ Running the Project
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
npm test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
The app is now deployable.
See the section about deployment for more information.
โ๏ธ License
This project is licensed under the MIT License.
This project is not affiliated with the NHL in any way.
NHL and the NHL Shield are registered trademarks of the National Hockey League ยฉ NHL 2020. All Rights Reserved.