dalerasrorov / componofy

A web app that allows Spotify users combine personal and public playlists together to either create a new one or merge selected playlist songs with an existing playlist. Also, you can reorder your personal playlist tracks with drag and drop and update playlist cover images..

componofy

A web app that allows a Spotify user to merge multiple (personal, private, and public) playlists into a new awesome playlist.

Demo

• Website: https://componofy.herokuapp.com/
• Video tutorial: Watch video
• ⭐ Give the project a star if you use or like the app - it helps a lot! ⭐

Features

• Reorder the tracks in your playlists just with drag and drop!

• Select all or specific tracks from the playlist to add to the queue

• Search and add public playlist tracks created by Spotify users around the world. You can search by genre, artist, song, mood, and other categories.

• Create a new playlist out of added personal and public playlist tracks. You can add a custom playlist cover image and set it as either private or public.

• Or... you can combine the added playlist tracks with one of your existing playlists. Now your playlist is updated with the brand new songs! This is the idea of merging different types of playlists into another playlist you own.

New Feature Details

• Each release has its own set of new features. You can find the details in the releases section
• You can also track the board of features I am working on in this project board

Contributions

PRs are always welcome! If there is a bug or a new feature that you can add to this app, I would appreciate it a lot! Read the contribution guide to have you up and running. If you find the guide confusing, create an issue or join chat.

Run project locally

To run the project on your local machine:

1. git clone https://github.com/DalerAsrorov/componofy.git
2. cd ./componofy
3. yarn install
4. In /componofy/src/utils/helpers.js replace DEV_SERVER_URL with HOST_URL.
5. Create an .env file with the following information:

APP_CLIENT_URL=http://localhost:3000
SPOTIFY_CLIENT=[your own spotify client key]
SPOTIFY_CLIENT_SECRET=[your own spotify client secret key]
SPOTIFY_REDIRECT_URI=http://localhost:3001/api/callback
YAR_PASS=[any set of characters (without quotes)]
DEV_MODE=true

6. yarn start:api in one terminal (window/tab)
7. yarn start:dev in another terminal (window/tab)
8. Go to localhost:3000 in your favorite browser

Note: you can get spotify client app and secret keys in Developer's website section

License

Apache License 2.0