/nba-api-poc

Nba-NG :basketball: (Angular + Nebular ⚡ RapidApi)

Primary LanguageTypeScript

🏀 Nba-NG 🏀 (Angular + Nebular ⚡ RapidApi)

Angular Style Guide codecov CodeFactor Build Status David David GitHub top language GitHub language count GitHub package.json version GitHub code size in bytes

Angular 8 and Nebular through RapidApi, built with ❤️

😜 Edit on StackBlitz ⚡️

About the project

This is a simple project in which I want to show how to apply some of the best practises in order to develop a performant webapp.

The final goals of the project are:

  • Show players, teams and games stats.
  • Autocomplete allowing to search by player name or surname (endpoint provided by the API) and also allowing to search by team (city or team name)*
  • Add Firebase 🔥 🚀 in order to allow users to sign in, and letting them to store theirs favourite players, and making theirs favourite five players
  • Use NGXS or NGRX in order to have global states fully controlled.

Other goals which I can classify as "improving technical knowloge" are:

  • Show how to use container - presentational patterns. (Also using abstract classes).
  • How to use Typescript conditional types.
  • Jest + Cypress Testing.
  • Working with CI/CD provided by github.
  • Show the usage of Higher-Order RxJs Mapping Operators: switchMap, mergeMap and concatMap due to the existence of nested requests (ie: When listing players the images are caming from a different Api) and autocomplete / typeahead.
  • Deep dive in an interesting component library Nebular.

And of course, having fun with this little project! 🚀 😄

Feel free to checkout the project Kanban in order to see the current status of the issues.