Skip to content

semklim/SpotifyAPI_Exame_Step

Repository files navigation

Logo

Spotify Demo version

This project is a exam project that aims to help me and my command learn how to use the Spotify Web API, built entirely with HTML, CSS, and JavaScript. The application uses the Spotify Web API to retrieve data about artists, albums, and tracks, and presents it in a user-friendly way.

Getting Started

  1. Visit this page and create your APP spotify

    This project is using Client ID, Client secret and Redirect URIs.

    Redirect URIs is http://localhost:8888/callback.html

    Don't forgot to add it in your APP settings.

  2. Download and install nodejs

  3. Clone the repository to your local machine:

git clone https://github.com/semklim/SpotifyAPI_Exame_Step.git
  1. Navigate to the cloned directory:
cd SpotifyAPI_Exame_Step
  1. Open the file KEYS.js, in directory public/SPOTIFY_APP_KEYS/

    Set your Client ID and Client secret.

  2. In terminal write command:

npm i
  1. Finally, write command:
npm run server

And open in browser http://localhost:8888

OR

If you want to start desktop application write command:

npm run start

If you want to build desktop application, write command:

npm run build

Your app will be in this directory: /SpotifyAPI_Exame_Step/electron-build

Features

The application includes the following features:

  • Authentication with the Spotify Web API using OAuth 2.0
  • Getting recommendation
  • Searching playlists, tracks and albums
  • Selection of playlists by genre
  • Display information about artists, albums, and tracks, including album covers, track lists, and release dates
  • Play track previews by clicking on a track
  • Save tracks as favorites
  • View a list of favorite tracks

License

This project is licensed under the MIT License. See the LICENSE file for details.