Webzenz hat für Audio Insider Zürich ein zweisprachiges Anmeldesystem für Events und Hörtermine entwickelt: React, PHP-API, MySQL, Admin-Dashboard und Hosting bei Hostpoint.
Überblick
Audio Insider ist ein Hi-Fi-Fachgeschäft in Zürich. Für Open-House-Anlässe und individuelle Hörtermine hat Webzenz eine zweisprachige Anwendung entwickelt, über die Kundinnen und Kunden sich anmelden oder einen Termin anfragen.
Das System unterscheidet zwischen festen Buchungen und Anfragen, die das Team bestätigt. Das Frontend basiert auf React und TypeScript, das Backend auf einer PHP-API mit MySQL. Die Lösung ist bewusst für das Shared Hosting von Hostpoint ausgelegt und kommt ohne dauerhaft laufenden Node-Server aus.
Ausgangslage
Plätze bei Events sind begrenzt und Hörtermine hängen von Öffnungszeiten, Ferien und Vorlaufzeiten ab. Doppelbuchungen mussten ausgeschlossen werden, auch wenn mehrere Personen gleichzeitig buchen. Gleichzeitig sollte das Team Texte und E-Mails selbst anpassen können.
Funktionen und Umsetzung
Event-Anmeldung und Buchung
Anmeldung zu Open-House-Anlässen mit direkter Platzbuchung.
Verfügbarkeit und Kapazität
Serverseitige Prüfung mit Transaktionen und Row Locks, damit keine Überbuchungen entstehen.
Terminanfragen mit Regeln
Anfragen werden mit Öffnungszeiten, Schliesstagen, Dauer und Vorlaufzeit abgeglichen, konsequent in der Zeitzone Europe/Zurich.
Vollständig zweisprachig
Oberfläche, E-Mails und Admin in Deutsch und Englisch, die Sprachen sind unabhängig voneinander wählbar.
Admin-Dashboard
Suche, Filter, CSV-Export und Änderungsprotokoll für alle Anmeldungen und Anfragen.
Bearbeitbare Texte und E-Mails
Das Team passt Inhalte und E-Mail-Vorlagen direkt im Admin an.
Zuverlässiger E-Mail-Versand
Automatische E-Mails mit Fehlerprotokoll und Wiederholung. Eine Anmeldung bleibt auch bei einem SMTP-Ausfall erhalten.
Spam-Schutz
Honeypot, Zeit-Tokens, Rate Limiting, Validierung, Duplikaterkennung und optional Cloudflare Turnstile.
Leistungsumfang von Webzenz
- Architektur und Datenmodell
- React-Oberfläche mit TypeScript
- PHP-API mit eigener Routing-Schicht
- Verfügbarkeits- und Terminlogik
- Admin-Dashboard und E-Mail-System
- Sicherheit, Spam-Schutz und Tests
- Deployment-Paket für Hostpoint
Eingesetzte Technologien
- Frontend
- Backend und API
- Datenbank und Datenhaltung
- Authentifizierung und Sicherheit
- Server, Cloud und Hosting
- Qualitätssicherung
- SEO und GEO
Ergebnis
Audio Insider verwaltet Events und Hörtermine heute in einem eigenen System, das zum Geschäft passt. Überbuchungen sind ausgeschlossen, E-Mails gehen nicht verloren und das Team pflegt Inhalte selbst.
Das Projekt zeigt, dass Webzenz auch auf klassischem Shared Hosting robuste, sichere Web-Applikationen mit moderner Oberfläche umsetzt.
BrickMatch.ch: Infomaniak Server-Setup und Docker-Deployment in der Schweiz
Webzenz hat für BrickMatch.ch die Serverumgebung bei Infomaniak aufgebaut und die Next.js-Plattform mit Docker, Staging, GitHub Actions und Schweizer Hosting produktiv gebracht.
Projekt ansehen: BrickMatch.ch
BrainRun AI: Entwicklung einer KI-Plattform mit Multi-Modell-Chat, Wissenssuche und AWS-Infrastruktur
Für BrainRun AI hat Webzenz eine KI-Plattform mit Multi-Modell-Chat, Dokumentensuche (RAG), KI-Agenten, Credits-Abrechnung und AWS-Infrastruktur vollständig umgesetzt.
Projekt ansehen: BrainRun AI
APANI Audiophile: Mehrsprachige High-End-Audio-Website mit Next.js und React
Webzenz hat für APANI eine High-End-Audio-Website in 10 Sprachen umgesetzt: Next.js, animierte Produktseiten, internationales SEO, JSON-LD und eine Codebasis für vier Domains.
Projekt ansehen: APANI Audiophile