/Angular-spotify-search-app

this Spotify Search App was created using Angular 6 and it uses the the Spotify API to fetch real time data right from Spotify. The main purpose of the app is to serve as a tutorial to some beginner/intermediate Angular concepts

Primary LanguageTypeScript

Ng-Spotify Search App

this is Spotify Search App was created using Angular 6 and it uses the the Spotify API to fetch real time data right from Spotify.
The main purpose of the app is to serve as a tutorial to some beginner/intermediate Angular concepts, the likes of:

  • HttpClientModule and use it to communicate with the Spotify API.
  • Angular Routing (redirection, wildCard, passing data ....).
  • Services and dependency injection.
  • Reactive forms (Form Builder, form controls validation ....).
  • How to use the BrowserAnimationsModule along with the ng-animate module to create beautiful flexible animations.
  • Angular's built in directives (NgIf, NgFor .....) and custom pipes.
  • Data flow (Inputs and Outputs).

demo

preview image gif

Install

After cloning this directory cd into it and run:
npm install to install.
npm start to start the project.
Ps: make sure to generate your own OAuth Token from the Spotify for developers WebSite and initialize with it the auth var in the spotify.service.ts constructor.

Credit