Skip to content

laystrck/GoodVibesFilter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

99 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

GoodVibesFilter app logo

GoodVibesFilter

GoodVibesFilter filters unwanted genres from your playlists!


Package version Netlify Status License

Description | Usage | Contribution | License

๐Ÿ“™ Description

GoodVibesFilter filters unwanted genres from your playlists, listen to good music only in your playlists!

Here are some screenshots of the web application:

Screenshot of the start page

Screenshot after creating a filtered playlist

๐Ÿ–ฅ Usage

GoodVibesFilter is based on React and needs no server backend, but can be hosted as a static web page. The application communicates with the Spotify API directly inside the browser.

Environment variables

Env variable Description
REACT_APP_SPOTIFY_CLIENT_ID Client ID of the Spotify API app
REACT_APP_ENCODED_REDIRECT_URI URL where the web app is hosted, encoded as URL (e.g. https%3A%2F%2Fexample.com)
REACT_APP_CONTACT_EMAIL Contact e-mail address shown on home page
REACT_APP_PRIVACY_POLICY_URL Link to privacy policy on home page
REACT_APP_ENABLE_UMAMI_STATISTICS Collect statistics with Umami
REACT_APP_UMAMI_URL URL of the Umami instance
REACT_APP_UMAMI_ID ID of the Umami site

Deploy the application locally

Clone the repository and install the dependencies using:

$ yarn install

Then run this command to build the web app:

$ yarn build

The built website will be available in the build-folder, just open the index.html-file in your browser or upload the files to a web server.

๐Ÿ™‹โ€ Contribution

Contributions are always very welcome! It's completely equal if you're a beginner or a more experienced developer.

Thanks for your interest ๐ŸŽ‰๐Ÿ‘!

๐Ÿ‘จโ€โš–๏ธ License

MIT