Merge

client/index.js

@@ -5,6 +5,7 @@
 // @flow
 import 'bulma/css/bulma.css';
 import 'font-awesome/css/font-awesome.css';
+import 'react-table/react-table.css';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Loadable from 'react-loadable';

client/views/AddStudents.js

+import React from 'react';
+import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
+import Footer from '../components/Footer';
+import ReactTable from 'react-table'
+
+class AddStudents extends React.Component {
+
+    constructor(props) {
+        super(props)
+        var that = this ;
+
+        that.state = {
+            students: [],
+            columns: [{
+                    Header: 'Student #',
+                    accessor: 'id'
+                }, {
+                    id: 'studentName',
+                    Header: 'Name',
+                    accessor: s => s.first_name + ' ' + s.last_name,
+                }, {
+                    Header: 'email',
+                    accessor: 'email'
+            }]
+        }
+
+        fetch('/api/students')
+        .then((response) => response.json())
+        .then((students) =>{
+            that.setState({students: students})
+        })
+    }
+
+    render() {
+
+
+        return (
+            <div>
+                <NavBar />
+
+                <Hero title='Add Students' subtitle='Tell me who made this exam' />
+
+                <ReactTable columns={this.state.columns} data={this.state.students}/>
+
+                <h1>React Router demo</h1>
+
+                <Footer />
+            </div>
+        )
+    }
+}
+
+export default AddStudents;

package.json

@@ -18,6 +18,7 @@
     "react-dom": "^16.2.0",
     "react-loadable": "^5.3.1",
     "react-router-dom": "^4.2.2",
+    "react-table": "^6.7.6",
     "style-loader": "^0.19.1",
     "url-loader": "^0.6.2",
     "webpack": "^3.10.0"

server/__init__.py

 from flask import Flask
 
+from . import db, api
+
 app = Flask('zesje', static_folder='dist')
+db.use_db()
+
+app.register_blueprint(api.app, url_prefix='/api')
 
 @app.route('/')
 @app.route('/<file>')

server/api.py

+from flask import Blueprint, jsonify, request, redirect
+
+from . import db
+
+app = Blueprint(__name__, __name__)
+
+@app.route('/students', methods=['GET'])
+@db.session
+def get_students():
+    return jsonify([
+        dict(id=s.id, first_name=s.first_name,
+             last_name=s.last_name, email=s.email)
+        for s in db.Student.select()
+    ])