Ταβέρνα το Μπέλλες — Ιστοσελίδα Εστιατορίου
Επισκόπηση
Σχεδίασα και ανέπτυξα μια δίγλωσση (Ελληνικά/Αγγλικά) single-page ιστοσελίδα για την Ταβέρνα το Μπέλλες, μια παραδοσιακή ελληνική ταβέρνα κοντά στη Λίμνη Κερκίνη στις Σέρρες. Η ιστοσελίδα διαθέτει διαδραστικό menu modal με 8 κατηγορίες φαγητών και 40+ πιάτα, καρουσέλ κριτικών με 19 κριτικές πέντε αστέρων από Google και TripAdvisor, και φιλτραριζόμενη γκαλερί με 60+ φωτογραφίες και lightbox. Κατασκεύασα το project με PHP, Tailwind CSS και vanilla JavaScript, χρησιμοποιώντας JSON αρχεία δεδομένων αντί βάσης δεδομένων. Η ιστοσελίδα περιλαμβάνει ενότητα νέων και εκδηλώσεων, αξιοθέατα περιοχής, πλήρη δίγλωσση υποστήριξη με 200+ κλειδιά μετάφρασης και ολοκληρωμένο SEO με JSON-LD structured data για local business και restaurant schema.
Προκλήσεις
Κατασκευή ιστοσελίδας εστιατορίου πλούσιας σε περιεχόμενο, με διαδραστικό μενού, κριτικές και γκαλερί, χωρίς βάση δεδομένων ή CMS, με παράλληλη υποστήριξη πλήρους δίγλωσσου περιεχομένου.
Λύσεις
Χρήση JSON αρχείων δεδομένων για πιάτα μενού, κριτικές και μεταφράσεις, διατηρώντας την αρχιτεκτονική ελαφριά και γρήγορη. Κατασκευή επαναχρησιμοποιήσιμων modal και carousel components σε vanilla JS με Tailwind utility classes για ομοιόμορφο styling.
Γκαλερί
Αρχική — Η πόρτα της ίδιας της ταβέρνας, με το μενού και την κράτηση ένα κλικ μακριά
Αρχική σε tablet — Από την εξώπορτα κατευθείαν στην κουζίνα
Hero στο κινητό — Μενού και κράτηση, το καθένα ένα κουμπί σε όλο το πλάτος
