737c3064bd
- Vue 3 + Nuxt 3 Framework - Tailwind CSS Styling - Responsive Design mit schwarz-roten Vereinsfarben - Dynamische Galerie mit Lightbox - Event-Management über CSV-Dateien - Mannschaftsübersicht mit dynamischen Seiten - SMTP-Kontaktformular - Google Maps Integration - Mobile-optimierte Navigation mit Submenus - Trainer-Übersicht - Vereinsmeisterschaften, Spielsysteme, TT-Regeln - Impressum mit Datenschutzerklärung
94 lines
2.1 KiB
Markdown
94 lines
2.1 KiB
Markdown
# 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. |