diff --git a/collector/templates/collector/detail.html b/collector/templates/collector/detail.html
new file mode 100644
index 0000000..0ef8e41
--- /dev/null
+++ b/collector/templates/collector/detail.html
@@ -0,0 +1,2 @@
+<h1>{{ teil.name }}</h1>
+Last Changed: {{ teil.modified }}
diff --git a/collector/templates/collector/index.html b/collector/templates/collector/index.html
new file mode 100644
index 0000000..04e6280
--- /dev/null
+++ b/collector/templates/collector/index.html
@@ -0,0 +1,17 @@
+{% if teile_list %}
+
+  <ul>
+    {% for teil in teile_list %}
+    <li>
+      <a href="{% url 'collector:detail' teil.id %}">
+        {{ teil.name }}
+      </a> ({{ teil.modified }})
+    </li>
+    {% endfor %}
+  </ul>
+
+{% else %}
+
+  <p>Keine Teile da.</p>
+
+{% endif %}
diff --git a/collector/urls.py b/collector/urls.py
index 5119061..c5ab785 100644
--- a/collector/urls.py
+++ b/collector/urls.py
@@ -2,6 +2,9 @@ from django.urls import path
 
 from . import views
 
+app_name = "collector"
+
 urlpatterns = [
     path("", views.index, name="index"),
+    path("recorded/<int:teil_id>/", views.detail, name="detail"),
 ]
diff --git a/collector/views.py b/collector/views.py
index ac03d0c..66052c4 100644
--- a/collector/views.py
+++ b/collector/views.py
@@ -1,6 +1,17 @@
+from django.http import HttpRequest, HttpResponse
+from django.shortcuts import get_object_or_404, render
 
-from django.http import HttpResponse
+from .models import Teil
 
 
-def index(request) -> HttpResponse:
-    return HttpResponse("hello tutorial")
+def index(request: HttpRequest) -> HttpResponse:
+    teile_list = Teil.objects.order_by("-modified")[:10]
+    context = {
+        "teile_list": teile_list,
+    }
+    return render(request, "collector/index.html", context)
+
+
+def detail(request: HttpRequest, teil_id) -> HttpResponse:
+    teil = get_object_or_404(Teil, pk=teil_id)
+    return render(request, "collector/detail.html", {"teil": teil})