FidelisClayton / elm-spotify-mapper

An app built with Elm to explore new artists using the Spotify api.

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.

📦 Features

🔎 Search for artists or bands

Your journey starts by searching for any artist available on Spotify.

🎤 Explore similar artists

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

🎶 Preview songs

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

🎼 Save the playlist

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

Installation

$ git clone https://github.com/FidelisClayton/elm-spotify-mapper
$ cd elm-spotify-mapper
$ npm install

After clone this repository run npm install inside the project folder to install and build the project dependencies.

🏃 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!

❤️ Contributing

Please use the issue tracker to report bugs or suggest new features and feel free to fix bugs or add new features on the project. Your contributions is always welcome!