Kahve Roastery

Tek-origin kahve butik storefront demosu — Svelte 5 + Tailwind 4 + Vite. Çekirdek listesi, demleme rehberli ürün detayı, abonelik bazlı sepet, checkout, sipariş takibi ve müşteri profili.

▸ Live demo · ▸ Portfolyo · ▸ Diğer demolar

Genel bakış

Kahve, küçük kavurmacı butiklerinin bir hafta sonu kurabileceği boyutta tasarlanmış bir storefront referansıdır. Çekirdek katalog tek "single-origin" odaklı: aroma profilleri, demleme yöntemi tavsiyeleri, abonelik (haftalık/aylık) ve klasik tek-seferlik satın alma seçeneği. Tamamen browser-only çalışır; gerçek POS/sipariş yönetimine bağlanmaya hazırdır.

Özellikler

• Single-origin katalog — menşe, işleme yöntemi, kavurma derecesi, tat notları
• Demleme rehberli ürün detayı — V60, French Press, espresso ayarları
• Abonelik + tek seferlik — sepete ekleme akışında seçim
• Sepet paneli — slide-out, miktar düzenleme, indirim kuponu
• Checkout — adres + kart formu, abonelik onayı
• Sipariş takibi — kavuruluyor → kargoda → teslim aşamaları
• Hakkımızda — kavurmacı + tedarikçi hikayesi
• Wishlist — favori çekirdekler
• localStorage persistence — sepet, abonelik, oturum tarayıcıda

Tech stack

Ekran görüntüleri

Hızlı başlangıç

git clone https://github.com/Lavescar-dev/kahve.git
cd kahve

npm install
npm run dev          # → http://localhost:5173

Build:

npm run build        # → dist/
npm run preview      # built bundle önizleme

Backend ekleme

Mevcut sürüm tamamen browser-only. Gerçek bir kavurmacıya bağlamak için:

• Sipariş yönetimi — server-side persistence (Postgres/SQLite)
• Abonelik billing — periyodik tahsilat (örn. iyzico, Stripe Türkiye)
• Stok takibi — kavurma planı + envanter eşiği
• Müşteri portalı — abonelik durumu, geçmiş siparişler

src/stores/ katmanı izole; HTTP istemcisi swap'lemek kolaydır.

Deploy

Cloudflare Pages için doğrudan repo bağlanır:

License

MIT © 2026 Lavescar

Ürün görselleri Unsplash'tan demo amaçlı yüklenir.

_{Built by Lavescar · Portfolyo · [email protected]}