Spotify has an very powerfull recommendation API. The bummer is, you bascily have no access to all the nice features trough the Spotify client itself. Here comes Searchify. An simple UI made to help you, find the music you wanna listen to.
If you wanna read more about the API im using go here
Special Thanks to the following Libarys/Companys:
- Spotify Developer - Providing all the Data
- React - UI Framework
- Typescript - Makes things better and more stable :D
- Ant Design - Component library of choice
- Axios - Making HTTP(s) request a lot easier
- @daniel-faber/json-ts - JSON validation and parsing for TypeScript
- Lodash - Debouncing search input
- Fontawsome - Icon libary
- MUI - The only ones with a multi dot slider
- Intro.JS/Intro.JS-React - Intro guide and react wrapper
- You need a Spotify developer client token. Can be generated in Spotify´s dev dashboard here
- Rename/move the
template.envfile to.envand add your client token underSPOTIFY_CLIENT_KEY - If you plan to go live/make a production build also change
LIVE_URIto your URL - Run
yarnif you haven´t allready - Run
yarn buildto make a production build. This will be available in the/buildsubdirectory