elm-spotify-mapper

KO | EN

gitlite — search

#react #ai #llm #golang #android #deep-learning #docker #macos #windows #vue #pytorch #security #ios #openai

elm-spotify-mapper

(★ 65)

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

elm-spotify-mapper 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Spotify Mapper

![Elm Spotify Mapper](https://raw.githubusercontent.com/FidelisClayton/elm-spotify-mapper/master/.github/cover.png)

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](https://raw.githubusercontent.com/FidelisClayton/elm-spotify-mapper/master/.github/1-search-for-artist-or-band.gif)

### :microphone: Explore similar artists

Then you can explore similar artists by clicking on the artist image.
![Explore similar artists](https://raw.githubusercontent.com/FidelisClayton/elm-spotify-mapper/master/.github/2-explore-similar-artists.gif)

### :notes: Preview songs

You can listen to a preview of the artist top 5 songs.
![Preview songs](https://raw.githubusercontent.com/FidelisClayton/elm-spotify-mapper/master/.github/3-preview-songs.gif)

### :musical_score: Save the playlist

Finally, you can also save the playlist so you can listen directly on your Spotify app.
![Save the playlist](https://raw.githubusercontent.com/FidelisClayton/elm-spotify-mapper/master/.github/4-save-the-playlist.gif)

## Installation

```sh
$ 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:

```sh
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 start`command, it will start a development server on port `3000`. Enjoy it!

## :heart: Contributing

Please use the [issue tracker](https://github.com/FidelisClayton/elm-spotify-mapper/issues) 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!

elm-spotify-mapper

elm-spotify-mapper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

elm-spotify-mapper

elm-spotify-mapper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README