Skip to content

Latest commit

 

History

History
131 lines (98 loc) · 3.25 KB

README.md

File metadata and controls

131 lines (98 loc) · 3.25 KB
Raw

SpotiNext - Spotify Music Downloader

An easy-to-use Spotify music downloader web app and PWA built with Next.js and Flask using Spotify API and yt-dl.

To-Do

  • UI Improvements
  • Spotify OAuth setup for user authentication
  • Getting song details from the current playing song of the user
  • Downloading the Official Audio video from YouTube
  • Converting the video to mp3
  • Sending the mp3 via Flask
  • Download the mp3 from the response
  • Deleting the temporary files(mp3) from the server
  • Logout function - server actions
  • Middleware for refresh_token & access_token
  • Add audio metadata
    • Album Art
    • Song name, Artist name, Album name, Disc Number, #, Contributing Artist, Length
  • Audio features - Graphs
  • Recommendations based on features of current playing songs (list of URI's)
  • Top tracks(6) and artists(6) in profile page (/account)
  • PWA conversion

Installation

  • Clone the repo and cd into it
  • cd into the server directory and run the following commands:
# for bash
python -m venv ./venv
source ./venv/bin/activate

#for windows
python -m venv ./venv
.\venv\Scripts\Activate.ps1
  • Check if the virtual environment got activated by running which python or where python for Windows or pip -V for both which shows the current active Python environment
  • Install the dependencies by running:
pip install -r requirements.txt
  • cd into the client directory and run the following commands for installing the client dependencies:
yarn install

# or if you use npm
npm install
  • Ensure that you have ffmpeg installed on your system and added to the PATH environment variable, if not then run the following commands:
# for linux
sudo apt install ffmpeg

# for windows
winget install Gyan.FFmpeg

Environment Variables

  • Modify the .env.example file in the root directory and rename it to .env after updating the environment variables from your Spotify Developer Dashboard.
  • For the CODE_VERIFIER, you can generate one using the following code:
function generateCodeVerifier(length: number) {
	let text = "";
	const possible =
		"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
	for (let i = 0; i < length; i++) {
		text += possible.charAt(Math.floor(Math.random() * possible.length));
	}
	return text;
}

generateCodeVerifier(128);

Running the app

Server

  • cd into the server directory and run the following command:
python main.py

Client

  • cd into the root directory of the repo and run the following command:
# For Development
yarn dev 

# or if you use npm
npm run dev

# For Production
yarn build
yarn start

# or if you use npm
npm run build
npm start

Docker (Server)

  • cd into the root directory of the repo and run the following command:
docker build -t spotinext .

docker run -p 5000:5000 spotinext

Contributing

Contributions are always welcome!

You can contribute to add new features from the README TO-DO section or by fixing bugs and issues.

You can request for new features by adding Issues with the feature tag.

License

MIT

Author