gustavorodarte / elm-spotify-mapper

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

Home Page:http://spotify-mapper.fidelisclayton.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Spotify Mapper

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

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 TODO apps.

Elm Spotify Mapper

πŸ“¦ Features

  • πŸ”Ž Search Artists
  • 🎀 Discover related artists
  • 🎢 Play song previews
  • 🎼 Generate Spotify playlists with the explored artists

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!

πŸ“ TODO

  • Create playlist with the artists on the node tree
  • Improve the fold structure and split the Update function
  • Improve mobile experience (maybe it should seems like the spotify mobile.)
  • Tests

❀️ 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!

About

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

http://spotify-mapper.fidelisclayton.com

License:MIT License


Languages

Language:Elm 89.5%Language:JavaScript 8.2%Language:CSS 1.3%Language:HTML 1.0%