first commit

2026-06-11 13:24:01 +03:00
commit b931ee64d4
1 changed files with 43 additions and 0 deletions
@@ -0,0 +1,43 @@
+# 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:
+
+```bash
+# Bağımlılıkları yükleyin
+npm install
+
+# Geliştirme sunucusunu başlatın
+npm run dev
+```
+
+Tarayıcınızda [http://localhost:3000](http://localhost:3000) adresine giderek uygulamayı görüntüleyebilirsiniz.
+
+## 🐳 Docker ile Çalıştırma
+
+```bash
+# İ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.