From ffe7a0f03fbfd074f02a77dda531de80886dc0a8 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Tue, 23 Jun 2026 20:01:37 +0200
Subject: [PATCH] docs: add README and .gitignore

---
 .gitignore | 17 +++++++++++++++++
 README.md  | 44 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 README.md

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4f9d3bb
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,17 @@
+# Agent ignored files
+temp*.txt
+scratch/
+.venv/
+venv/
+*.tmp
+*.log
+
+# macOS
+.DS_Store
+
+# Editor
+.vscode/
+
+# Dependencies (just in case they get added later)
+node_modules/
+package-lock.json
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..829823c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,44 @@
+# Schnappix-Web
+
+Schnappix-Web ist die Landing-Page und Informationsseite für die Schnappix Photobooth App. Sie präsentiert die Features der App, beantwortet häufig gestellte Fragen (FAQ), bietet Kontakt- und Feedbackmöglichkeiten und stellt die rechtlichen Informationen (Impressum & Datenschutz) bereit.
+
+## Features
+
+- **Responsive Design**: Optimiert für alle Bildschirmgrößen (Desktop, Tablet, Mobile).
+- **Moderne UI/UX**: Neon-Synthwave Ästhetik passend zur Schnappix App, mit fließenden Übergängen (View Transition API) und Micro-Animations.
+- **Seiten**:
+  - `index.html`: Startseite mit App-Vorstellung
+  - `features.html`: Detaillierte Übersicht aller App-Funktionen
+  - `faq.html`: Häufig gestellte Fragen und Antworten
+  - `feedback.html`: Formular für Nutzerfeedback
+  - `impressum.html` & `datenschutz.html`: Rechtliche Seiten
+
+## Tech Stack
+
+- **Struktur**: Vanilla HTML5
+- **Styling**: Vanilla CSS3 (`style.css`), CSS Custom Properties (Variablen), View Transitions
+- **Logik**: Vanilla JavaScript (`app.js`)
+- **Schriften**: Google Fonts (Outfit für Überschriften, Inter für Fließtext)
+
+## Getting Started
+
+Da es sich um ein reines Frontend-Projekt ohne Build-System oder Framework handelt, ist das Setup extrem einfach:
+
+1. Repository klonen:
+   ```bash
+   git clone <repository-url>
+   cd Schnappix-Web
+   ```
+
+2. Öffnen der Dateien:
+   - Du kannst die `index.html` direkt in deinem Browser öffnen.
+   - Für die beste Erfahrung empfiehlt sich ein lokaler Webserver (z. B. VS Code Extension "Live Server").
+
+## Design Theme
+
+Das Design greift die neon-synthwave Ästhetik der Haupt-App auf:
+
+- **Hintergrund**: Tiefes Dunkelblau/Schwarz (`#050510`)
+- **Primärfarbe**: Neon Magenta (`#ff2bd6`)
+- **Akzentfarbe**: Neon Cyan (`#28dfff`)
+- **Effekte**: Neon-Schatten (`box-shadow`), Glassmorphismus-Elemente (`backdrop-filter`)