# Harheimer TC Website

Moderne Website für den Harheimer Tischtennis Club (HTC) in Frankfurt-Harheim.

## Technologie-Stack

- **Framework**: Vue 3 + Nuxt 3
- **Styling**: Tailwind CSS
- **Icons**: Lucide Vue Next
- **Build Tool**: Vite
- **Sprache**: JavaScript (ES6)

## Features

- 🏓 **Responsive Design** - Optimiert für alle Geräte
- 📱 **Mobile-First** - Perfekte Darstellung auf Smartphones
- 🎨 **Moderne UI** - Schwarze-rote Vereinsfarben
- 📸 **Dynamische Galerie** - Zeigt nur Bilder an, wenn vorhanden
- 📅 **Event-Management** - Termine aus CSV-Dateien
- 👥 **Mannschaftsübersicht** - Dynamische Team-Seiten
- 📋 **Kontaktformular** - SMTP-basierte E-Mail-Versendung
- 🗺️ **Kartenintegration** - Google Maps für Trainingsort

## Projektstruktur

```
harheimertc/
├── components/          # Vue-Komponenten
├── pages/              # Seiten-Routing
├── public/             # Statische Dateien
│   ├── data/          # CSV-Dateien (Termine, Mannschaften)
│   ├── documents/     # PDF-Dokumente
│   └── galerie/       # Galerie-Bilder
├── server/            # API-Endpunkte
└── assets/            # CSS und Bilder
```

## Installation

```bash
# Dependencies installieren
npm install

# Entwicklungsserver starten (Port 3100)
npm run dev

# Produktions-Build
npm run build

# Preview des Builds
npm run preview
```

## Konfiguration

### SMTP-Einstellungen

Für das Kontaktformular müssen folgende Umgebungsvariablen gesetzt werden:

```bash
SMTP_HOST=your-smtp-host
SMTP_PORT=587
SMTP_USER=your-email@domain.com
SMTP_PASS=your-password
SMTP_FROM=your-email@domain.com
SMTP_TO=club@harheimertc.de
```

### Datenverwaltung

- **Termine**: `public/data/termine.csv`
- **Mannschaften**: `public/data/mannschaften.csv`
- **Galerie**: Bilder in `public/galerie/` ablegen

## Entwicklung

### Lokale Entwicklung

```bash
npm run dev
```

Die Website ist dann unter `http://localhost:3100` erreichbar.

### Deployment

```bash
npm run build
npm run preview
```

## Lizenz

© 2025 Harheimer Tischtennis Club. Alle Rechte vorbehalten.