Schnappix-Web/README.md

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:

   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)