XUtils

Spotify Mapper

Elm app integrated with Spotify Api to search and explore new artists.


Spotify Mapper

Elm Spotify Mapper

This app is a new version of my previous Spotify mapper built with Angular 1.x. I used this app to learn more about Elm and see how it works beyond the simplicity of to-do apps.

:package: Features

:mag_right: Search for artists or bands

Your journey starts by searching for any artist available on Spotify. Search for artists or bands

:microphone: Explore similar artists

Then you can explore similar artists by clicking on the artist image. Explore similar artists

:notes: Preview songs

You can listen to a preview of the artist top 5 songs. Preview songs

:musical_score: Save the playlist

Finally, you can also save the playlist so you can listen directly on your Spotify app. Save the playlist

:runner: Getting started

First of all you will need to set the environment variables with your spotify developer credentials:

cp .env.sample .env

Open the .env file and set the CLIENT_ID, CLIENT_SECRET and REDIRECT_URI. To run this project in your machine you just need to execute the npm startcommand, it will start a development server on port 3000. Enjoy it!


Articles

  • coming soon...