initial commit

src/pages/Home.js

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import Typography from '@material-ui/core/Typography';
+
+class Home extends Component {
+
+    render() {
+        return (
+            <div>
+                <Typography variant='display1' align='center' gutterBottom>
+                    Home
+                </Typography>
+            </div>
+        );
+    }
+}
+
+export default Home;

src/pages/Info.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import Typography from '@material-ui/core/Typography';
+
+class Info extends Component {
+    render() {
+        return (
+            <Typography variant='display1' align='center' gutterBottom>
+                Info
+            </Typography>
+        );
+    }
+}
+
+export default Info;

src/pages/Map.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import Typography from '@material-ui/core/Typography';
+
+class Map extends Component {
+    render() {
+        return (
+            <Typography variant='display1' align='center' gutterBottom>
+                Map
+            </Typography>
+        );
+    }
+}
+
+export default Map;

src/pages/Quiz.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import Typography from '@material-ui/core/Typography';
+
+class Quiz extends Component {
+    render() {
+        return (
+            <Typography variant='display1' align='center' gutterBottom>
+                Quiz
+            </Typography>
+        );
+    }
+}
+
+export default Quiz;

src/pages/Sighting.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import Typography from '@material-ui/core/Typography';
+
+class Sighting extends Component {
+    render() {
+        return (
+            <Typography variant='display1' align='center' gutterBottom>
+                Sightings
+            </Typography>
+        );
+    }
+}
+
+export default Sighting;