initial commit of C++ back end and react front end

interface/src/components/SectionContent.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Paper from 'material-ui/Paper';
+import { withStyles } from 'material-ui/styles';
+import Typography from 'material-ui/Typography';
+
+const styles = theme => ({
+  content: {
+    padding: theme.spacing.unit * 2,
+    margin: theme.spacing.unit * 2,
+  }
+});
+
+function SectionContent(props) {
+  const { children, classes, title } = props;
+  return (
+      <Paper className={classes.content}>
+        <Typography variant="display1">
+          {title}
+        </Typography>
+        {children}
+      </Paper>
+  );
+}
+
+SectionContent.propTypes = {
+  classes: PropTypes.object.isRequired,
+	children: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.node),
+        PropTypes.node
+    ]).isRequired,
+  title: PropTypes.string.isRequired
+};
+
+export default withStyles(styles)(SectionContent);