Skip to content

Latest commit

 

History

History
22 lines (22 loc) · 1.35 KB

README.md

File metadata and controls

22 lines (22 loc) · 1.35 KB

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