diff --git a/code/code/.vs/MDT5/v15/.suo b/code/code/.vs/MDT5/v15/.suo
index aa495dd..4c673ad 100644
Binary files a/code/code/.vs/MDT5/v15/.suo and b/code/code/.vs/MDT5/v15/.suo differ
diff --git a/code/code/exercise08/app/scripts/Patientlist.js b/code/code/exercise08/app/scripts/Patientlist.js
new file mode 100644
index 0000000..91eeef1
--- /dev/null
+++ b/code/code/exercise08/app/scripts/Patientlist.js
@@ -0,0 +1,27 @@
+class PatientList extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {}
+    }
+
+    componentWillMount() {
+        this.getPatientList();
+    }
+
+    getPatientList() {
+        $.ajax({
+    }
+
+    render() {
+        return <div className="container">
+            <div className="cal-xs-12">
+                <span className="pull-right">
+                    {this.currentDateString(this.props.format)}
+                </span>
+            </div>
+        </div>
+    }
+}
+
+ReactDOM.render(<PatientList  />, document.getElementById('PatientList'));
diff --git a/code/code/exercise08/app/templates/PatientDetailsTemplate.html b/code/code/exercise08/app/templates/PatientDetailsTemplate.html
index 8ae330e..39fdc20 100644
--- a/code/code/exercise08/app/templates/PatientDetailsTemplate.html
+++ b/code/code/exercise08/app/templates/PatientDetailsTemplate.html
@@ -3,43 +3,28 @@
         Patientenverwaltung
         <span id="patient-name">Patientenname</span>
     </h2>
-    <script type="text/javascript">
-        $("#patient-name").html(patient.lastname())
-    </script>
 </div>
 <div class="row">
     <h6 class="col-xs-6">
-        Geschlecht
+        <p>Geschlecht:</p>
+        <p>Geburstdatum:</p>
+        <p>Wohnort:</p>
+        <p>Land:</p>
     </h6>
-    <h6 class="col-xs-6" id="patient-gender"></h6>
-    <script type="text/javascript">
-        $("#patient-gender").html(patient.gender())
-    </script>
-</div>
-<div class="row">
     <h6 class="col-xs-6">
-        Geburtsdatum
+        <p id="patient-gender"></p>
+        <p id="patient-date"></p>
+        <p id="patient-home"></p>
+        <p id="patient-country"></p>
     </h6>
-    <h6 class="col-xs-6" id="patient-date">Geburtsdatum</h6>
-    <script type="text/javascript">
-        $("#patient-date").html(patient.date())
-    </script>
+       
+
 </div>
-<div class="row">
-    <h6 class="col-xs-6">
-        Wohnort:
-    </h6>
-    <h6 class="col-xs-6" id="patient-home">Patientenname</h6>
-    <script type="text/javascript">
-        $("#patient-home").html(patient.home())
-    </script>
-</div>
-<div class="row">
-    <h6 class="col-xs-6">
-        Land:
-    </h6>
-    <h6 class="col-xs-6" id="patient-country">Land:</h6>
-    <script type="text/javascript">
-        $("#patient-country").html(patient.country())
-    </script>
-</div>
\ No newline at end of file
+
+<script type="text/javascript">
+    $("#patient-name").html(patient.lastname())
+    $("#patient-home").html(patient.home())
+    $("#patient-date").html(patient.date())
+    $("#patient-country").html(patient.country())
+    $("#patient-gender").html(patient.gender())
+</script>
\ No newline at end of file