6fda6ebad04005b8423a50e0bf94384ca2350aab
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 4m10s
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
Lizenz
© 2025 Harheimer Tischtennis Club. Alle Rechte vorbehalten.
Description
Languages
Vue
59.7%
JavaScript
35.6%
TypeScript
3.8%
Shell
0.6%
HTML
0.2%