__ __ _____ _ _ _ _ __ __ _ _____ ___ _ __
| \/ | ____| \ | | | | | | \/ | / \|_ _|_ _| |/ /
| |\/| | _| | \| | | | |____| |\/| | / _ \ | | | || ' /
| | | | |___| |\ | |_| |____| | | |/ ___ \| | | || . \
|_| |_|_____|_| \_|\___/ |_| |_/_/ \_|_| |___|_|\_\
-- ZERO-INFRASTRUCTURE DIGITAL MENU ENGINE --
Geleneksel, hantal ve fahiş SaaS aboneliklerini unutun.
menu-matik; modern web teknolojilerini kullanarak kafe ve restoranların tüm menü altyapısını doğrudan URL hash katmanına sıkıştıran, yüksek performanslı bir dijital vitrin mimarisidir.
🌐 Canlı Deneyimle • 🚀 Özellikler • 🧠 Mimari • 👨💻 İletişim
| Geleneksel QR Menü Sistemleri | ⚡ menu-matik Mimarisi |
|---|---|
| Aylık 500-1500 TL SaaS Aidatı | %100 Ömür Boyu Ücretsiz & Sunucusuz (Zero Infra) |
| 40 MB Ağır ve Açılmayan PDF Dosyaları | < 15 KB Ultra Hafif, App-Like Native Arayüz |
| Veritabanı Çökmesi = Masada Menüsüzlük | Merkeziyetsiz; Veri Doğrudan URL İçinde Yaşar |
| Abonelik Bittiğinde Kilitlenen QR Kodlar | Kalıcı; Masaya Basılan QR Kod Asla Ölmez |
- 📦 Micro-Payload Veri Sıkıştırma Motoru: 30 farklı ürün, kategori ve fiyat verisi; özel sözdizimi algoritması ile < 400 baytlık mikroskobik bir parametreye dönüştürülür.
- ✏️ Gerçek Zamanlı Yerinde (Inline) Editör: Menü ürünlerini silip baştan yazmaya gerek kalmadan, tablo üzerinde milisaniyeler içinde isim ve fiyat revizyonu.
- 🖨️ Baskıya Hazır Ultra-HD PNG Dışa Aktarımı: Matbaa standartlarında (
$600 \times 700$ Canvas render), kurumsal çerçeveli, logo ve masa yönlendirmeli vektörel QR çıktısı. - 📱 Tam Reaktif & Cihaz Bağımsız: iOS Safari, Android Chrome ve masaüstü tarayıcılarda piksel şaşması yaşatmayan CSS Grid / Flexbox iskeleti.
- 🎯 Entegre Lead-Generation Modülü: Hem yönetici hem son kullanıcı ekranında yüksek dönüşümlü danışmanlık ve portföy temas noktaları.
Sistem, geleneksel bir REST API veya SQL/NoSQL veritabanı yerine tarayıcı belleği ve URL fragment identifier (#) mekanizmasını bir veri depolama birimi gibi kullanır:
┌─────────────────────────────────────────────────────────────┐
│ YÖNETİCİ ARAYÜZÜ (STATE) │
│ [Kaşarlı Tost: 120] [Flat White: 115] ... │
└──────────────────────────────┬──────────────────────────────┘
│
▼
┌──────────────────────────────────────────────┐
│ MICRO-PAYLOAD PARSER ENGINE │
│ t=Kadıköy;y=Tost:120,Kruvasan:165;i=... │
└──────────────────────┬───────────────────────┘
│
┌──────────────────┴──────────────────┐
▼ ▼
┌───────────────────────┐ ┌───────────────────────┐
│ REED-SOLOMON QR MATRIX│ │ VERCEL HASH ROUTER │
│ (Pure JS Canvas) │ │ https://.../#m=[DATA] │
└───────────┬───────────┘ └───────────┬───────────┘
│ │
▼ ▼
┌───────────────────────┐ ┌───────────────────────┐
│ 600x700 PNG MATBAA │ │ MÜŞTERİ MOBİL EKRANI │
│ BASKI ŞABLONU │ │ (Zero-Lag Render) │
└───────────────────────┘ └───────────────────────┘
Projeyi yerel ortamınızda çalıştırmak için derleme aracına (Node, npm, Webpack) ihtiyaç yoktur. Saf web teknolojileri ile inşa edilmiştir.
# 1. Repoyu klonlayın
git clone [https://github.com/batuhanbayatli/menu-matik.git](https://github.com/batuhanbayatli/menu-matik.git)
# 2. Proje dizinine gidin
cd menu-matik
# 3. index.html dosyasını herhangi bir modern tarayıcıda açın
open index.html # macOS
start index.html # Windows- Core: HTML5 Semantic Engine, CSS3 Modern Flex/Grid Layout
- Typography: Plus Jakarta Sans & JetBrains Mono
- Icons: FontAwesome v6.4 Enterprise Icons
- QR Compiler: QRious Low-Footprint Reed-Solomon Generator
- Deployment: Vercel Edge Network
FinTech, InsurTech & Enterprise Web Systems Architect
"En karmaşık kurumsal problemleri, sıfır maliyetli ve ölçeklenebilir saf mühendislik modelleriyle çözüyoruz."
Bu proje MIT Lisansı kapsamında korunmaktadır. Ticari ve bireysel kullanıma tamamen açıktır.