Jok Cosmetics Website

Moderne und elegante Website für den Beauty-Salon Jok Cosmetics in Bad Liebenzell.

Features

• 🌍 Mehrsprachig (Deutsch/Englisch)
• 📱 Vollständig responsives Design
• 🔒 DSGVO-konform
• 🎯 SEO-optimiert
• 📅 Online-Buchungssystem
• 💬 KI-Chatbot Integration
• 📸 Instagram Feed Integration
• 🗺️ Interaktive Standortkarte
• 💌 Newsletter-System
• 🔄 Virtueller Salon-Rundgang

Technologie-Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Supabase
• Framer Motion
• Next-intl

Installation

1. Repository klonen
2. Dependencies installieren: npm install
3. Entwicklungsserver starten: npm run dev
4. .env.example zu .env.local kopieren und Werte eintragen

Entwicklungsrichtlinien

Allgemeine Standards

• 🔄 Feature Branches für neue Funktionen
• 🧪 Automatisierte Tests mit Jest und Cypress
• 📝 TypeScript strict mode
• 🎨 Tailwind für Styling
• 🌐 Internationalisierung über next-intl

Build und Deployment

• 📦 NPM als Standard-Paketmanager
• 🚀 Automatisierte Deployments über GitHub Actions
• 🔍 Code-Reviews vor Merge in main
• 📊 Performance-Monitoring

Sicherheit und Datenschutz

• 🔒 DSGVO-konforme Implementierung
• 🛡️ Regelmäßige Sicherheitsaudits
• 📝 Logging aller kritischen Operationen
• 🔐 Sichere API-Kommunikation über HTTPS

Testing

• ✅ Unit Tests für Komponenten
• 🔄 Integration Tests für Workflows
• 📱 Cross-Browser Testing
• 🎯 Accessibility Tests (WCAG 2.1)

Qualitätssicherung

• 📋 ESLint und Prettier für Code-Formatierung
• 🔍 Sonarqube für Code-Qualitätsanalyse
• 📊 Performance-Budgets
• 🎨 Design System Compliance

Backup und Versionierung

• 💾 Automatische Backups der Datenbank
• 📚 Semantische Versionierung
• 🔄 Git Flow Workflow
• 📦 Dokumentierte Dependencies

Lokale Entwicklung

1. Repository klonen
2. Dependencies installieren: npm install
3. .env.example zu .env.local kopieren und Werte eintragen
4. Entwicklungsserver starten: npm run dev
5. Tests ausführen: npm test

Verfügbare Scripts

• npm run dev - Startet den Entwicklungsserver
• npm run build - Erstellt die Production-Build
• npm run test - Führt alle Tests aus
• npm run lint - Prüft Code-Qualität
• npm run format - Formatiert den Code

Kontakt

Bei Fragen oder Problemen wenden Sie sich an das Entwicklungsteam.