ProductPromotion
Logo

Elm

made by https://0x3d.site

GitHub - FidelisClayton/elm-spotify-mapper: An app built with Elm to explore new artists using the Spotify api.
An app built with Elm to explore new artists using the Spotify api. - FidelisClayton/elm-spotify-mapper
Visit Site

GitHub - FidelisClayton/elm-spotify-mapper: An app built with Elm to explore new artists using the Spotify api.

GitHub - FidelisClayton/elm-spotify-mapper: 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.

: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

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.

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

:heart: 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!

More Resources
to explore the angular.

mail [email protected] to add your project or resources here ๐Ÿ”ฅ.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here ๐Ÿ”.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory