From b931ee64d41dc281739d21585ffa6eed35d57748 Mon Sep 17 00:00:00 2001 From: ayrisdev Date: Thu, 11 Jun 2026 13:24:01 +0300 Subject: [PATCH] first commit --- README.md | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..203e50a --- /dev/null +++ b/README.md @@ -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.