Chris D'Ascoli cdaz5
cdaz5
/ gist:8186b0d03d9e2051846428b215bb7d44
Created
May 28, 2018 17:32
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const clientID = '82cf58344ff048c9b6df55e2b480e977'; | |
| let accessToken; // we use let because we plan to reassign it later | |
| const redirectUri = 'http://localhost:3000/'; | |
| const Spotify = { | |
| get getAccessToken() { | |
| if (accessToken) { | |
| return accessToken; // we return the token if it exists your naming was off is all | |
| } |
cdaz5
/ gist:dd06c3044b60e79ef7312177bf31395f
Created
May 28, 2018 14:50
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let accessToken = ''; | |
| const clientId = '664b972b62e44bec946cdda0e4d72ff9'; | |
| const redirectUri = 'http://localhost:3000/'; | |
| const Spotify = { | |
| getAccessToken() { | |
| if (accessToken) { | |
| return accessToken; | |
| console.log(`This is ${accessToken}`); | |
| } |
cdaz5
/ gist:ea7e5561710f67e5c8f79eee63640a14
Created
May 25, 2018 23:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| savePlayList(playListName, trackURIs) { | |
| if (!playListName || !trackURIs.length) { | |
| return; | |
| } | |
| const newAccessToken = this.getAccessToken(); | |
| let userId; | |
| let playListId; | |
| const header = { | |
| Authorization: `Bearer ${newAccessToken}` | |
| }; |
cdaz5
/ gist:cfc12085a8d59ffac4ecf3ed03033c02
Created
May 17, 2018 02:15
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| savePlayList: (name, trackURIs) => { | |
| if (!name || !trackURIs.length) { | |
| return; | |
| } | |
| //Step 91: Create 3 variables, one for access token set to users token | |
| //a header set to object with authorization parameter with user's token from Spotify's implicit grnat flow | |
| //an empty variable for user ID. | |
| const accessToken = Spotify.getAccessToken(); | |
| const headers = { | |
| Authorization: `Bearer ${accessToken}` |
cdaz5
/ gist:e566f26a6897a3cf39c0544b03cd244c
Created
May 16, 2018 23:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title> | |
| Daddy & Ronan's Secret Message Decoder | |
| </title> | |
| </head> | |
| <body> | |
| <input type="text" id="user"> | |
| <button id="expand">Enter</button> |
cdaz5
/ gist:4a7f3f3c9244d8f3385e241ad2573e96
Created
May 10, 2018 23:44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { Component } from 'react'; | |
| import logo from './logo.svg'; | |
| import './track.css'; | |
| class Track extends Component { | |
| constructor(props) { | |
| super(props) | |
| this.addTrack = this.addTrack.bind(this); |
cdaz5
/ gist:df650583ffcc4909d987315dc8ee1950
Created
May 10, 2018 23:23
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (jsonResponse.businesses) { | |
| return jsonResponse.businesses.map(business => { | |
| id: business.id, | |
| imageSrc: business.image_url, | |
| name: business.name, | |
| address: business.location.address1, | |
| city: business.location.city, | |
| state: business.location.state, | |
| zipCode: business.location.zip_code, | |
| category: category.title, |
cdaz5
/ gist:904f9c417ece0cbb6519faea652be112
Created
May 2, 2018 21:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const App = () => ( | |
| <Container> | |
| <PulseLoader | |
| loading | |
| width={200} | |
| height={200} | |
| pColor="green" | |
| sColor="yellow" | |
| /> | |
| <BouceLoader |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import { render } from "react-dom"; | |
| import styled from "styled-components"; | |
| // we import our new loaders | |
| import PulseLoader from "./PulseLoader"; | |
| import BouceLoader from "./BouceLoader"; | |
| // we create a div to hold our components to give them some breathing room | |
| // otherwise they would render on top of each other |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import styled, { keyframes } from "styled-components"; | |
| // we create our bounce effect with the below keyframe | |
| const bounce = keyframes` | |
| 0%, 75%, 100% { | |
| transform: translateY(0px) | |
| } | |
| 25% { | |
| transform: translateY(-30px) |