Moy Beach Menu

Moy Beach için modern, şık ve animasyonlu dijital menü uygulaması.

🚀 Teknolojiler

• Next.js 15 (App Router)
• React 19
• Tailwind CSS v4
• Framer Motion (Yumuşak geçişler ve modal animasyonları)
• TypeScript

📦 Özellikler

• Kategori Navigasyonu: Kullanıcı kaydırdıkça hangi kategoride olduğunu takip eden IntersectionObserver destekli navigasyon.
• Dinamik Modal Görünümü: Ürünlere tıklandığında detaylı bilgi gösteren, şık ve tepkisel modal tasarımı.
• Özelleştirilmiş Tasarım Tokenleri: app/globals.css içerisinde renk paletleri ve yazı tipleri (Cormorant, Plus Jakarta Sans) kolayca yönetilebilir.
• Docker Desteği: Dockerfile ile optimize edilmiş standalone output desteğiyle kolayca konteynerize edilebilir.

🛠️ Kurulum ve Çalıştırma

Lokal geliştirme ortamında çalıştırmak için:

# Bağımlılıkları yükleyin
npm install

# Geliştirme sunucusunu başlatın
npm run dev

Tarayıcınızda http://localhost:3000 adresine giderek uygulamayı görüntüleyebilirsiniz.

🐳 Docker ile Çalıştırma

# İmajı oluşturun
docker build -t moy-qr .

# Konteyneri başlatın
docker run -p 3000:3000 moy-qr

📝 Menü İçeriğini Güncelleme

Menü kategorileri, ürünler, fiyatlar ve resimler data/menu.ts dosyasından okunur. Yeni ürün eklemek veya düzenlemek için bu dosyayı güncelleyebilirsiniz.