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.
-
Visit this page and create your APP
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.
-
Clone the repository to your local machine:
git clone https://github.com/semklim/SpotifyAPI_Exame_Step.git
- Navigate to the cloned directory:
cd SpotifyAPI_Exame_Step
-
Open the file
KEYS.js
, in directory public/SPOTIFY_APP_KEYS/Set your
Client ID
andClient secret
. -
In terminal write command:
npm i
- Finally, write command:
npm run server
And open in browser http://localhost:8888
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
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
This project is licensed under the MIT License. See the LICENSE file for details.