shsunmoonlee

https://blog.rapidapi.com/2017/01/31/microsoft-emotion-and-spotify-mood-music-project-api-smash/

https://developers.musimap.net/

https://umusic.app.box.com/s/wjpmxvvxbe2aoml00y574wv1q1gu40h4


Extract of streaming data (all kinds of platforms) for one week in April:
 
streams_11th_18th_April.csv (zipped)

shsunmoonlee

  fetch = (params = {}) => {
    this.setState({ loading: true });
    // Optionally the request above could also be done as
    // console.log("fetch, limit", this.state.numberOfTopCoins, )
    axios.get('https://api.coinmarketcap.com/v1/ticker/', {
        params: {
          convert: 'EUR',
          start: 0,
          limit: this.state.numberOfTopCoins,
        }

shsunmoonlee

  render() {
    let { sortedInfo, filteredInfo } = this.state;
    sortedInfo = sortedInfo || {};
    filteredInfo =
      filteredInfo ||
      {
        rank: null,
        name: null,
        price_usd: null,
        percent_change_24h: null,

shsunmoonlee

  componentDidMount() {
    const chartData = this.props.coinData.reduce((accumulator, currentValue, currentIndex, array) => {
        accumulator.push({
          ...currentValue,
          x: currentValue.market_cap_usd,
          y: currentValue['24h_volume_usd'],
          size: Math.abs(currentValue.percent_change_24h)
        });
        return accumulator
    }, []);

shsunmoonlee

you should be seeing the page like images on the comment section

shsunmoonlee

aboeboard errors 

shsunmoonlee

// so I have an image inside <Layout> with margin-top: -255px;, which is sitting under nav bar. when I set style of  Layout.Header as rgba(255,255,255,0.9) it's not set transparent. it seems there is a white layer underneath or sth. sorry if I'm wrong. I am a beginner. 

      <Layout.Header className="header">
      </Layout.Header>
      
// css file
.header {
  background: rgba(255,255,255,0.9);
  height: 57px;
}

shsunmoonlee

import './styles/RegistrationForm.css'
// import 'font-awesome/css/font-awesome.css'

import React from 'react';
import { HelpBlock, FormGroup, Form, Col, ControlLabel, FormControl, Checkbox, Button } from 'react-bootstrap';
import IBAN from 'iban';
class RegistrationFormRedux extends React.Component {
  constructor(props) {
    super(props);

shsunmoonlee

1.1
String hasUniqueCharacters(String[] words) {
    // compare the character with the entire sentence to find if they exist twice
    for(int i=0; i< words.length; i++) {
      for(int j=0; j<words.length && j!=i ; j++) {
        if(words[i] == words[j]) {
          return false
        }
      }
    }