docs: add README and .gitignore

This commit is contained in:
2026-06-23 20:01:37 +02:00
parent 160821c7f5
commit ffe7a0f03f
2 changed files with 61 additions and 0 deletions
+17
View File
@@ -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
+44
View File
@@ -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`)