diff --git a/xcpq/README.md b/xcpq/README.md
new file mode 100644
index 000000000..cc6706ecc
--- /dev/null
+++ b/xcpq/README.md
@@ -0,0 +1,16 @@
+# Projektübersicht XCPQ
+
+# Installation
+
+# Build des Systems
+
+## externe Bibliotheken
+
+# Einstellungen
+
+# Start der Anwendung
+
+# Tests
+
+# Ausliefern der Anwendung
+
diff --git a/xcpq/buildtime/xcpq_editor/static/index.html b/xcpq/buildtime/xcpq_editor/static/index.html
index b0c2a3b81..33338e0ed 100644
--- a/xcpq/buildtime/xcpq_editor/static/index.html
+++ b/xcpq/buildtime/xcpq_editor/static/index.html
@@ -86,6 +86,155 @@
                                 <div id="content">
                                     <h1 class="text-2xl font-bold mb-4">Willkommen zum X-CPQ Material Editor</h1>
                                     <p>Hier können Sie Ihre Materialien und Produkte konfigurieren und verwalten.</p>
+
+                                    <div class="mt-6">
+                                        <h2 class="text-xl font-semibold mb-3">Beispiel Treeview (DaisyUI)</h2>
+                                        <ul class="tree bg-base-100 rounded-box p-4 w-full max-w-xl border border-base-300">
+                                            <li>
+                                                <details open>
+                                                    <summary class="font-medium">Root</summary>
+                                                    <ul class="pl-4">
+                                                        <li>
+                                                            <details open>
+                                                                <summary>Child 1</summary>
+                                                                <ul class="pl-4">
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 1.1</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 1.1.1</li>
+                                                                                <li>Child 1.1.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 1.2</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 1.2.1</li>
+                                                                                <li>Child 1.2.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 1.3</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 1.3.1</li>
+                                                                                <li>Child 1.3.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                </ul>
+                                                            </details>
+                                                        </li>
+                                                        <li>
+                                                            <details open>
+                                                                <summary>Child 2</summary>
+                                                                <ul class="pl-4">
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 2.1</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 2.1.1</li>
+                                                                                <li>Child 2.1.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 2.2</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 2.2.1</li>
+                                                                                <li>Child 2.2.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 2.3</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 2.3.1</li>
+                                                                                <li>Child 2.3.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                </ul>
+                                                            </details>
+                                                        </li>
+                                                        <li>
+                                                            <details open>
+                                                                <summary>Child 3</summary>
+                                                                <ul class="pl-4">
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 3.1</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 3.1.1</li>
+                                                                                <li>Child 3.1.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 3.2</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 3.2.1</li>
+                                                                                <li>Child 3.2.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 3.3</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 3.3.1</li>
+                                                                                <li>Child 3.3.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                </ul>
+                                                            </details>
+                                                        </li>
+                                                        <li>
+                                                            <details open>
+                                                                <summary>Child 4</summary>
+                                                                <ul class="pl-4">
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 4.1</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 4.1.1</li>
+                                                                                <li>Child 4.1.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 4.2</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 4.2.1</li>
+                                                                                <li>Child 4.2.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                    <li>
+                                                                        <details open>
+                                                                            <summary>Child 4.3</summary>
+                                                                            <ul class="pl-4">
+                                                                                <li>Child 4.3.1</li>
+                                                                                <li>Child 4.3.2</li>
+                                                                            </ul>
+                                                                        </details>
+                                                                    </li>
+                                                                </ul>
+                                                            </details>
+                                                        </li>
+                                                    </ul>
+                                                </details>
+                                            </li>
+                                        </ul>
+                                    </div>
                                 </div>
                                 <div id="content">
                                     <h3 class="text-2xl font-bold mb-4">Eigenschaften</h3>