diff --git a/german-app-frontend/src/App.tsx b/german-app-frontend/src/App.tsx
new file mode 100644
index 0000000..ce2d831
--- /dev/null
+++ b/german-app-frontend/src/App.tsx
@@ -0,0 +1,8 @@
+export default function App() {
+  return (
+    <div>
+      <h1>DeutschLernen</h1>
+      <p>German Learning Application</p>
+    </div>
+  );
+}
diff --git a/german-app-frontend/src/index.css b/german-app-frontend/src/index.css
new file mode 100644
index 0000000..b5ceeed
--- /dev/null
+++ b/german-app-frontend/src/index.css
@@ -0,0 +1,9 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Arial, sans-serif;
+}
diff --git a/german-app-frontend/src/main.tsx b/german-app-frontend/src/main.tsx
new file mode 100644
index 0000000..5a02646
--- /dev/null
+++ b/german-app-frontend/src/main.tsx
@@ -0,0 +1,5 @@
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(<App />);