SpotifyTracks

This project was generated with Angular CLI version 13.0.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Documentation

Services

• ConnectionService
  • connectToSpotify()
    • Redirects to the Spotify login page and saves the token.
  • sendGetRequestToSpotify(url)
    • Sends a get request to the Spotify API.
  • sendPutRequestToSpotify(url)
    • Sends a put request to the Spotify API.
• SpotifyArtistService
  • getArtist(id)
    • Returns the artist who has the requested id.
  • getLastSingle(id)
    • Returns the last single of the artist who has the requested id
  • getLastAlbum(id)
    • Returns the last album of the artist who has the requested id.
  • getLastFeature(id)
    • Returns the last feature of the artist who has the requested id.
  • getLastRelease(id)
    • Returns the last release of the artist who has the requested id.
  • getArtistsTopTracks(id)
    • Returns the top tracks of the artist who has the requested id.
• SpotifyPlayerService
  • isPlaying: boolean
  • currentSongImg: string
  • author: string
  • title: string
  • spotifyLink: string
  • getPlayer()
    • Returns the player from the user.
  • play()
    • Sets the playback on play.
  • pause()
    • Sets the playback on pause.
  • next()
    • Jump to the next track.
  • previous()
    • Jump to the previous track.
• SpotifySearchService
  • search()
    • Returns all search results.
• SpotifyUserService
  • getUser()
    • Returns the logged user.
  • getUserName()
    • Returns the name of the user.
  • getUserEmail()
    • Returns the email of the user.
  • getUserProfilePicture()
    • Returns the user profile picture.
  • getUserTopItem(topItemType)
    • Returns the top items of the user.
  • getUserPlaylists()
    • Returns all playlists of the user.
  • getUserSavedTracks()
    • Returns all saved tracks of the user.
• CookieService
  • set(key, value)
    • Creates a new Cookie
  • get(key)
    • Returns the value of the cookie
  • getAll()
    • Returns all cookies

Important components

• app-artistPreview

  • Creates an artist element
  • Inputs
    • src: string
    • artistLink: string
    • artistName: string

• app-songPreview

  • Creates an song element
  • Inputs
    • src: string
    • songTitle: string
    • songType: string
    • artist: string
    • songLink: string

• app-artistListPreview

  • Creates a list of app-artistPreview
  • Inputs
    • artists: Artist[]
    • listTitle: string

• app-songListPreview

  • Creates a list of app-songPreview
  • Inputs
    • songs: Track[]
    • listTitle: string

• app-header

  • Creates a header element which shows the title
  • Inputs
    • title: string

• app-footer

  • Creates the footer element

• app-currentSong

  • Creates a current song element which shows the current song

• app-navbar

  • Creates a navbar element which shows all 3 pages

Directives

• appHotkey
  • Listens for one hotkey and clicks or triggers a callback
  • Inputs
    • appHotkey: string // hotkey key
    • hotkeyFocusRequired: boolean
    • hotkeyIgnoreClasses: string[] // all classes of the targets that are not allowed to trigger the callback/click when they are focused
  • Outputs
    • onHotKey: EventEmitter<void>