Taverna to Mpelles — Restaurant-Website
Ich habe eine zweisprachige (Griechisch/Englisch) Single-Page-Website für Taverna to Mpelles entworfen und entwickelt — eine traditionelle griechische Taverne am Kerkini-See in Serres. Die Website bietet ein interaktives Speisekarten-Modal mit 8 Kategorien und über 40 Gerichten, ein Bewertungskarussell mit 19 Fünf-Sterne-Bewertungen von Google und TripAdvisor sowie eine filterbare Galerie mit über 60 Fotos und Lightbox-Ansicht. Ich habe das Projekt mit PHP, Tailwind CSS und Vanilla JavaScript gebaut und JSON-Datendateien statt einer Datenbank verwendet. Die Website enthält einen News- und Veranstaltungsbereich, Attraktionen der Umgebung, vollständige zweisprachige Unterstützung mit über 200 Übersetzungsschlüsseln und umfassendes SEO mit JSON-LD Structured Data für Local Business und Restaurant Schema.
Technologien
PHP
Tailwind CSS
Vanilla JavaScript
JSON Data
JSON-LD
Multilingual
Responsive Design
SEO
Herausforderungen
Aufbau einer inhaltsreichen Restaurant-Website mit interaktiver Speisekarte, Bewertungen und Galerie ohne Datenbank oder CMS bei gleichzeitiger vollständiger zweisprachiger Unterstützung.
Lösungen
Einsatz von JSON-Datendateien für Menüpunkte, Bewertungen und Übersetzungen, um die Architektur leichtgewichtig und schnell zu halten. Wiederverwendbare Modal- und Karussell-Komponenten in Vanilla JS mit Tailwind Utility Classes für einheitliches Styling.
