Skip to content

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

Notifications You must be signed in to change notification settings

aymen7/Angular-spotify-search-app

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published