Generates a playlist recommendation based on a user's favorite artist or song.
| Frontend | Backend |
|---|---|
| HTML5 | Node.js |
| CSS3 | Express |
| Bootstrap 4 | Mustache |
| jQuery | Spotify API |
Used npm as our package manager to install the following:
express, express-session, fs, mustache, querystring, request, spotify-web-api-node, node-sass
Heroku CLI
Installed the Heroku CLI for deployment.
Deployed to: https://musicdiscovery-hc.herokuapp.com/
Continuous deployment is set up on the master branch.
In order to connect the app with the Spotify API, follow Spotify's instructions to set up a Client ID, Client Secret and whitelist a Redirect URI: https://developer.spotify.com/documentation/general/guides/app-settings/
The configuration variables will need to be added to Heroku. Instructions for how to do that are available here: https://devcenter.heroku.com/articles/config-vars
If you wish to run the app locally, you will need to add a .env file to your working directory with the Client ID, Client Secret, and Redirect URI in it. You can modify .env.sample with the tokens you receive from Spotify. Once the .env file is created, you can run the app on your local host by typing the command heroku local -p <port number> (e.g. heroku local -p 3000) in the terminal.
A big thanks to the incredible photographers who contributed to Unsplash, which is where we were able to get some great content for our application.
Learned about Sass and animated text from Jason Arnold's Getting started with Sass, and used Robin Treur's CodePen as the foundational code for the animated text on the saved playlist page.
- Hannah Galbraith
- Carissa Allen