Initial commit: Harheimer TC Website
- 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
This commit is contained in:
94
README.md
Normal file
94
README.md
Normal file
@@ -0,0 +1,94 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user