Search Feature

[louisefindlay23]

Create a search form where users can search for songs/albums by artist, song name and album name. (Use Library Trackr as a basis)

[louisefindlay23]

• Spotify search page is complete and is styled according to Spotify Web UI. - #3
• Used async JS to show results of songs, playlists, albums and artists in one search.
• Album page is now dynamic from search page.

TODO:

• Add other routes = Playlists and Artists and link to Albums from Tracks
• Add intro to Spotify home

[louisefindlay23]

Added a isAuthenticated middleware (thanks to a Scotch tutorial) yesterday to test if authenticated with the Spotify API for the Spotify routes.

Added other routes: Playlists and Artists. Finished styling Artists page but still working on Playlists.

Also refactored the Album/Artist/Playlist pages to use /id to get parameters rather than ?id= using the Express Docs.

To-Do:

• Finish styling/creating Playlist Pages
• Figure out how to create if conditional EJS statements to use preferred artwork image size (since all sizes aren't available) or use main one. Also for search since certain queries may not return albums, songs and playlists.
• Add a fallback for no results returned.

[louisefindlay23]

• Used conditional EJS (if and else) to hide results if there are none and show a fallback artist (Line Awesome la-user-circle icon and album cover image.

To-Do: Rewrite card/track CSS so it uses Grid for two dimension spacing, handles two card row and hopefully equal height and width (but flexibly).

[louisefindlay23]

• Today, I used the fs module (fs.access) to test if an artwork image has already been downloaded. Combined with the download code to cache artwork.
• Changed color-thief to color-thief-node to fix Canvas module issues two days ago

[louisefindlay23]

Mainly writing Todos in my own code to track features. Switched from request to node-fetch (since request is depreciated) with the help of this Dev.to article.

[louisefindlay23]

• Created favicon using Squealer font and FlatIcons icon and generated favicons using the Real Favicon Generator.
• Used the favicon to update the Coverflow Player UI.

[louisefindlay23]

Finished as of #18.