45 lines
1.8 KiB
Markdown
45 lines
1.8 KiB
Markdown
# 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`)
|