overview of tutorials

src/App.css

@@ -3,5 +3,5 @@
   overflow: hidden;
   display: block;
   position: relative;
-  /* padding-bottom: 60px; /* height of your footer + 30px*/
+  padding-bottom: 60px; /* height of your footer + 30px*/
 }

src/components/Tutorial/TutorialHome.js

@@ -1,9 +1,27 @@
 import React, { Component } from 'react';
 
+import tutorials from './tutorials.json';
+
+import { Link } from 'react-router-dom';
+
+import Grid from '@material-ui/core/Grid';
+import Paper from '@material-ui/core/Paper';
+
 class TutorialHome extends Component {
   render() {
     return (
-      <h1>Tutorial Home</h1>
+      <div>
+        <h1>Tutorial-Übersicht</h1>
+        <Grid container spacing={2}>
+          {tutorials.map((tutorial, i) => (
+            <Grid item xs={12} sm={6} md={4} xl={3} key={i}>
+              <Link to={`/tutorial/${i+1}`} style={{textDecoration: 'none', color: 'inherit'}}>
+                <Paper style={{height: '150px', padding: '10px'}}>Tutorial {i+1}</Paper>
+              </Link>
+            </Grid>
+          ))}
+        </Grid>
+      </div>
     );
   };
 }

src/components/Tutorial/tutorials.json

@@ -0,0 +1 @@
+[{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]