Skip to content

Latest commit

 

History

History
142 lines (121 loc) · 4.44 KB

README.md

File metadata and controls

142 lines (121 loc) · 4.44 KB
Raw

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>