Spotify Downloader Web Server

This is a simple version of CLI-Spotify-Downloader's Web Server except written using node.js and vite instead of python and static HTML/CSS.

Features

This server features a simple web downloader for spotify songs. Using spotify API keys to search and Youtube (yt-dlp) to download the song and place in a structured folder path (~/downloads/ARTIST_NAME/ALBUM_NAME/SONG_NAME.mp3). The UI is mainly the same from the previous spotify web server

Screenshots

Setup (Baremetal)

1. Visit Spotify's Documentation on their web-api and walkthrough the app creation process to obtain you spotify api keys. These are free.
2. Use those api keys from spotify and paste them into backend/.env
3. You can then run npm install in both the client and server folders, then running npm run dev for frontend and npm index.js for backend. Once both are running you should be able to use.

Docker

If you want to run it in a docker container edit docker-compose.yml to your configuration and add your keys in backend/.env and run docker-compose up --build -d to get it running.

Problems

Below are some bugs/UI elements that need to be changed soon:

1. Mobile search bar needs to come down in '/results' page.
2. Update the top heading glass element, as the search bar has been hidden, when in a selected album in the '/library' page.

Future Plans

Below are some brainstorming of features that may be implemented in the future.

1. Ability to play the selected song without downloading a. Use YouTube video player within page? b. Would require new page
2. UI theme choices a. Maybe multiple options instead of apple like glass UI?
3. Ability to view artist and album prior to downloading a. Would require two new pages