Over the course of their 30 year musical history, the Grateful Dead played more than 2,300 live shows around the globe. The goal of this app is to find the "best" live versions of any song!
- Clone this repo.
git clone https://github.com/mtallentb/gRATEful_REFACTOR.git
cd gRATEful_REFACTOR
- Inside the
lib/
folder, runnpm install
- Create a Firebase database.
- Click
Authentication > Sign-In Method
and enable Google. - Click the
Whitelist client IDs from external projects
tab and add your local redirect URI (normallyhttps://localhost:3000
). - Click Save.
- Click the
Add Domain
button under the Authorized Domains header. - Add the same redirect URI to this file as well.
- Click the
Database
tab on the the left navigation panael. - Click the
Rules
tab. The JSON file look like this:
{
"rules": {
".read": true,
".write": true,
"songs": {
"$uid": {
"$key": {
".indexOn": ["vote"]
}
}
}
}
}
- Click the
Data
tab then `click the three dots in the upper right corner of the view. - Click
Import JSON
and importdata/example.json
.
- Update
app/values/fb-creds.js
to contain the following:
"use strict";
app.constant("FBCreds", {
apiKey: "<API_KEY>",
authDomain: "<PROJECT_ID>.firebaseapp.com",
databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
storageBucket: "<BUCKET>.appspot.com",
messagingSenderId: "<SENDER_ID>",
});
Create Spotify App with Spotify Developer Tools
- Create new app on Spotify's Developer site.
- Look for
Client ID
andClient Secret
. - Add your
https://localhost:3000/
to the redirect URI whitelist. - Update
app/values/spotify-creds.js
to contain the following:
"use strict";
app.constant("SpotifyCreds", {
client_id: "<CLIENT ID>",
client_secret: "<CLIENT SECRET>",
redirect_uri: "https://localhost:3000/"
});
- Update
app/app.js
. Scroll to the bottom of the code and fill in the following:
SpotifyProvider.setRedirectUri('<YOUR REDIRECT URI />');
- Move to
lib/
folder and rungrunt
- Start your local server
http-server -S -o
( may need tonpm install http-server -g
)