Files

Torsten Schulz (local) 737c3064bd 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

2025-10-21 00:41:12 +02:00

2.1 KiB

Raw Blame History

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

# 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:

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

npm run dev

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

Deployment

npm run build
npm run preview

2.1 KiB Raw Blame History