cassioscabral / playlist-creator

Playlist creator and manager app using Spotify API

playlist-creator

V3 is in working progress.

Check the latest demo here: https://playlist-creator-v3.vercel.app/

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

playlist-creator's Issues

Increase filter options on search to make easier to find songs by queries

Add BPM to charts

Maybe a separate chart

Save button should be on top and add go to top button

When playlist is too long its hard to go all way down to save

I should be able to go back to other artists

When I go to another artist, It should be easy to go back to previous artists.

That could be a stack listing with a select and options

Search for songs

• find songs with the searched term

Remove genre search

Is not working like it should and the response from Spotify is not that good.

• lacks autocomplete
• There is weird genres
• Overlapping results
• Listing allow only a few results, not being enough

Add Readme, Demo link and create a gif to show how to use

After load for the first time and login, playlists are not loaded

Create or find a simple audio player

UI similar to Spotify

Hide access token in the URL

Same Top 10 songs

Bug: I got stuck with 10 songs listed at the top, the same 10 songs regardless of what related artist I selected.

Create DO instance and deploy

Simple LEMP stack

Show how many songs on the playlist from the artist is already on it

in related artist will show: Caspian(3) -> 3 songs of Caspian on the current Playlist

Albums are limited to 50, should get next albums if any

spotifyApi.getArtistAlbums(this.selectedArtist.id, {limit: 50})

Check if has nextUrl(other page) with more albums

Add hints(tooltips) all over

• Number on album's name ending, representing number of tracks added from that album to the playlist
• In features, in the table, over the visual range number, should show the real number

Mobile mockups

Moving the UI for a mobile friendly approach

Creating a new playlist will rename the previous playlist

Work on the reorder

• User should be able to drag and drop
• Icon to move to top or bottom
• Multiple select items
• Drag and drop multiple select

Stuck on song

Bug: I got stuck with one song on preview, the same song heard no matter what track or artist I selected.

Fix throttle on search

It's hitting way too often, way too soon

Add icon on Mac OS X Chrome

The icon(the add to playlist icon) is black instead of white

Playlists are not loading after login

Only after the refresh

Add Google Analytics

Try to bring more info from artists or albums

Explore the API and see if there is a way to get more info like montly listeners

replaceTracks is not working with 100 URI requests

problem caused by spotify-api wrapper. Fork the repo, change params to postData and try it out. Meanwhile reduce the chunks size to 50 or less on save action.

Test behavior when loading vs selecting

When loading albums are not showing for example

Add images to Readme

Add lazy loading ASAP

Loading images on the phone is too consuming. Show only for 3-6 albums at once. Load more on scroll

Make optimistic updates when adding tracks to playlist

Divide the search results in 3 categories

Search results should show songs and genres in the same search results, visually separated from each other

• 3 requests for the same search
• search for artists
• search for songs
• search for genres

Add a CSS framework

• Consider bulma
• Consider themes (light color)

Nuking playlists after session expired

Bug: Saving did nothing (probably due to session expiring, but I didn't see that initially), so I tried creating another playlist. Oops, nuked my playlist. "Create" should have a warning about nuking your current work. I did get saving to work later.

Create component to show percentage of numbers

Audio features should be visually represented instead of just number(usually between 0-1)