Started with the app and added some experimental components

src/views/Home.vue

@@ -16,7 +16,7 @@ console.log('%c Wenn du nicht 100% weißt, was du tust, schließe dieses Fenster
 </script>
 
 <template>
-    <title>Home - mauki.net</title>
+    <title>Home - CoasterDB</title>
     <Navbar />
         <main class="content">
             <section class="bg-white dark:bg-gray-900">
@@ -25,7 +25,7 @@ console.log('%c Wenn du nicht 100% weißt, was du tust, schließe dieses Fenster
                         <h2 class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">Entdecke CoasterDB!</h2>
                         <p class="mb-4 font-light">Finde interessante Fakten und on-board Videos von deutschen Achterbahnen.</p>
                         <p class="mb-4 font-medium">In dieser Web-Anwendung findest du viele Fakten, technische Daten und anderes Material zu verschiedene Achterbahnen und Parks in Deutschland.</p>
-                        <a href="#" class="inline-flex items-center font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700">
+                        <a href="/app" class="inline-flex items-center font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700">
                             Öffne die Web-App
                             <svg class="ml-1 w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
                         </a>

src/views/app/App.vue

@@ -0,0 +1,39 @@
+<script lang="ts">
+
+/**
+ * 
+ * use this for template:
+ * https://flowbite.com/blocks/
+ * https://flowbite.com/blocks/marketing/blog/
+ * https://flowbite.com/blocks/application/advanced-tables/
+ * 
+ */
+
+import Header from '../../components/app/AppHeader.vue'
+import Sidebar from '../../components/app/AppSidebar.vue'
+import ListItem from '../../components/app/ListItem.vue'
+import Entry from '../../components/app/Entry.vue'
+
+export default {
+    components: {
+        Header,
+        Sidebar,
+        ListItem,
+        Entry
+    }
+}
+
+console.log('%c ACHTUNG! STOP!', ['color: red','display: block','font-size: 50px'].join(';'))
+console.log('%c Wenn dir jemand gesagt hat, dass du etwas heraus kopieren sollst/hier einfügen sollst, hast du eine 11/10 Chance, dass du gescammt wirst!', ['font-size: 15px'].join(';'))
+console.log('%c Wenn du nicht 100% weißt, was du tust, schließe dieses Fenster!', ['font-size: 15px'].join(';'))
+</script>
+
+<template>
+    <title>App - CoasterDB</title>
+    <Header />
+    
+    <section class="bg-white dark:bg-gray-900 sm:p-60">
+    </section>
+
+    <Sidebar />
+</template>