# Xora E-Commerce Website

Eine moderne, voll funktionsfähige E-Commerce-Website, erstellt mit HTML, CSS und JavaScript. Bietet ein vollständiges Einkaufserlebnis mit Produktdurchstöberung, Warenkorbverwaltung, Benutzerauthentifizierung und responsive Design.

## Features

- **🛒 Warenkorb-System**
  - Produkte mit LocalStorage-Persistenz zum Warenkorb hinzufügen
  - Mengen aktualisieren und Positionen entfernen
  - Echtzeit-Updates des Warenkorb-Abzeichens
  - Berechnungen von Zwischensumme und Gesamtsumme des Warenkorbs

- **👤 Benutzerauthentifizierung**
  - Login/Registrierung Modale mit Formularvalidierung
  - Sichtbarkeitsumschaltung des Passworts
  - Funktion zum Zurücksetzen des Passworts
  - Echtzeit-Validierung des Formulars mit Fehlernachrichten

- **📱 Responsives Design**
  - Mobile-first-Ansatz
  - Vollständig responsive Layouts
  - Mobile Navigationsmenü
  - Optimiert für alle Bildschirmgrößen

- **🎨 Modernes UI/UX**
  - Sauberes, professionelles Design
  - Sanfte Animationen und Übergänge
  - Toast-Benachrichtigungen für Benutzer-Feedback
  - Interaktive Produktkarten

- **📄 Volständige Seiten**
  - Startseite mit hervorgehobenen Produkten
  - Shop-Seite mit Produktkatalog
  - Blog-Seite mit Artikeln
  - Über-uns-Seite mit FirmeneInfo
  - Kontaktseite mit Formular
  - Warenkorbseite mit Bestellübersicht

## Projektstruktur

```
Pro1/
├── index.html          # Startseite
├── Shop.html           # Shop-Seite
├── Blog.html           # Blog-Seite
├── About.html          # Über-uns-Seite
├── Contact.html        # Kontaktseite
├── Cart.html           # Warenkorb-Seite
├── style.css           # Haupt-Stylesheet
├── script.js           # JavaScript-Funktionalität
├── package.json        # Projektkonfiguration
├── .gitignore          # Git-Ignore-Datei
├── README.md           # Diese Datei
└── img/                # Bildverzeichnis
    ├── logo.png
    ├── hero4.jpeg
    ├── products/       # Produktbilder
    ├── icons/          # Icon-Bilder
    └── Avatar/         # Avatar-Bilder