Resolve CORS

Author: 15Dkatz

backend/app/__init__.py

@@ -3,6 +3,7 @@
 import random
 
 from flask import Flask, jsonify, request
+from flask_cors import CORS
 
 from backend.blockchain.blockchain import Blockchain
 from backend.wallet.wallet import Wallet
@@ -11,6 +12,7 @@
 from backend.pubsub import PubSub
 
 app = Flask(__name__)
+CORS(app, resources={ r'/*': { 'origins': 'http://localhost:3000' } })
 blockchain = Blockchain()
 wallet = Wallet(blockchain)
 transaction_pool = TransactionPool()

frontend/src/App.js

@@ -0,0 +1,21 @@
+import React, { useState, useEffect } from 'react';
+import logo from '../assets/logo.png';
+
+function App() {
+  const [walletInfo, setWalletInfo] = useState({});
+
+  useEffect(() => {
+    fetch('http://localhost:5000/wallet/info')
+      .then(response => response.json())
+      .then(json => setWalletInfo(json));
+  });
+
+  return (
+    <div className="App">
+      <img className="logo" src={logo} alt="application-logo" />
+      <h3>Welcome to pychain</h3>
+    </div>
+  );
+}
+
+export default App;

frontend/src/Joke.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import App from './App';
+import App from './components/App';
 
 ReactDOM.render(<App />, document.getElementById('root'));

frontend/src/components/App.js

@@ -3,3 +3,4 @@ Flask==1.1.1
 pubnub==4.1.6
 requests==2.22.0
 cryptography==2.7
+Flask-Cors==3.0.8