• Stars
    star
    63
  • Rank 484,938 (Top 10 %)
  • Language
    Elm
  • License
    MIT License
  • Created over 7 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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.

๐Ÿ“ฆ Features

๐Ÿ”Ž Search for artists or bands

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

๐ŸŽค Explore similar artists

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

๐ŸŽถ Preview songs

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

๐ŸŽผ Save the playlist

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

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!