Creating user interfaces

Because we have a clean react.js project properly set up, we can start right away with creating our application's user interface. We'll use sample data to check the design before moving on and integrating the real smart contract code.

Open up the src/index.js file to start coding your design:

import React from 'react'
import ReactDOM from 'react-dom'

class Main extends React.Component {
    constructor() {
        super()
    }

    render() {
        return (
            <div>
                <h1>Welcome to Decentralized Social Music!</h1>
                <p>Setup your account, start adding musical recommendations for your friends and follow people that may interest you</p>
                <div className="buttons-container">
                    <button>Setup Account</button>
  ...