44 lines
1.5 KiB
Markdown
44 lines
1.5 KiB
Markdown
# 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.
|