LongCut logo

Kod Yazmadan QR Menü Sistemi Yaptım 🤯 (Vibe Coding) | Atoms.dev

By Uğur Keşkekçi

Summary

Topics Covered

  • QR Menü ile Garsona Gerek Kalmıyor
  • Chat Ekranında Her Şeyi Halleden Vibe Coding Araçları
  • Kötü QR Menüler İş Fırsatı Yaratıyor
  • Türkiye'deki QR Menülerin Eksikliği: Ukrayna ve Gürcistan ile Karşılaştırma
  • Atoms.dev'in İlerlemesi: Hata Almadan Proje Geliştirme ve Kolay Entegrasyon

Full Transcript

AI kullanarak bir proje yapmak artık çok kolay bir hale geldi. İster web sitesi ister web uygulaması veya bir mobil uygulama yapabiliyorsunuz. Ancak bu

uygulama yapabiliyorsunuz. Ancak bu yaptığımız ürünler günün sonunda çalışıyor mu yoksa hatalarla dolu bir şekilde bizi yar yolundan mı bırakıyor veya yaparken ne kadar vakit harcıyoruz yoksa birkaç prompta ürünü hazır hale

getirebiliyor muyuz? Bugün sizlere

getirebiliyor muyuz? Bugün sizlere ajanların kendi içerisinde konuştuğu, takım liderinin mühendise bir şeyler söylediğini, onun dataan analize yönlendirdiğini ve günün sonunda

verdiğiniz promta işi ortaya koymalarını sağlayan bir tool göstermek istiyorum.

Atoms Atoms diyebiliriz eski adıyla Meta GPT veya MGX olarak geçiyordu.

Hatırlayanlarınız belki vardır. Bu

videoda sizlerle beraber baştan sona bir QR menü uygulaması geliştireceğiz. Şimdi

QR menü dediğimiz zaman iş çok basit gibi gözüküyor ama herhangi bir kafeye gittiğiniz zaman veya bir restorana oturduğunuz zaman açılan QR menlerinin aslında ne kadar kötü olduğunu fark edersiniz. Burada aslında ufak bir gelir

edersiniz. Burada aslında ufak bir gelir modeli yaratabilmenize fırsat sağlıyor.

Şu anda burada gördüğünüz gibi bir landing page'imiz var. Ardından bir

admin panelimiz var. Buradan QR

oluşturabiliyoruz. Menümüzü

oluşturabiliyoruz ve menümüzün içeriğini değiştirebiliyoruz. Çok basit gözüküyor

değiştirebiliyoruz. Çok basit gözüküyor değil mi? Bir de Türkiye'de aslında çok

değil mi? Bir de Türkiye'de aslında çok fazla yaygın olmayan bir özellik var. Bu

da ne? QR menü üzerinden sipariş oluşturma. Bunu daha öncesinde

oluşturma. Bunu daha öncesinde Ukrayna'ya gittiğimde de orada görmüştüm ve şaşırmıştım. Yani böyle bir şey

ve şaşırmıştım. Yani böyle bir şey Türkiye'de niye kullanılmadığını anlayamamıştım. Çünkü menü üzerinden

anlayamamıştım. Çünkü menü üzerinden sipariş verebiliyorsunuz ve hatta ödemesini yapabiliyorsunuz. Çok kolay

ödemesini yapabiliyorsunuz. Çok kolay bir şekilde işlemlerinizi gerçekleştiriyorsunuz ve garsonla muhatap olmana gerek kalmıyor. Neyse çok

uzatmayalım. O zaman gelin birkaç prompta bu sistemi beraber geliştirelim.

Bu arada yorum atmayı ve videoyu beğenmeyi de unutmayın arkadaşlar.

Özellikle de hype puanlarınız varsa onları da benim için kullanabilirsiniz.

Hadi devam edelim. ATOMS'a geldiğimiz

zaman arayüzünde gördüğün gibi bu şekilde sade temiz bir arayüz var.

Aslında bu ben bir vipe kodu derim ve hani bu şeyleri kullanmayı bilmiyorum.

Kodlama nedir bilmiyorum gibi diyenler için olmazsa olmaz sulardan bir tanesi bence. Niye? Çünkü her şey chat

bence. Niye? Çünkü her şey chat ekranında dönüyor. Her şey kendini

ekranında dönüyor. Her şey kendini hallediyor. İşte gidiyorsunuz swabase'i

hallediyor. İşte gidiyorsunuz swabase'i falan bağlıyorsunuz buradan database'iniz ve kendiniz çalışıyor falan. Bence güzel oluyor. Şimdi eee

falan. Bence güzel oluyor. Şimdi eee

projeye geçmeden önce gördüğünüz gibi burada arkadaşlar artıya bastığınız zaman team mod var. Team mod zaten hatırlarsınız belki. Buradaki ajanların

hatırlarsınız belki. Buradaki ajanların e çalışmasını sağlıyor. Burada

gördüğünüz gibi architekt, engineer, data analist, işte deep researcher, team leader gibi rolleri olan bazı ajanlar var. Bunlar şu işe yarıyor. Proje

var. Bunlar şu işe yarıyor. Proje

esnasında chat ekranında kendi aralarında iş dağılımı ve sohbet ediyorlar. Bu sayede işte projenin

ediyorlar. Bu sayede işte projenin backendini biri yapıyor, frontendinin UI'ı biri yapıyor, işte COC'nin reklamını biri yapıyor falan derken öyle bir akış oluyor aslında ve bunu da güzel ayarlamışlar. Diğer tarafta ise

ayarlamışlar. Diğer tarafta ise connectors kısmı bizim için önemli.

Çünkü buradan superbase gibi, kitap gibi veya başka servisleri işte Google Ads gibi kısımları buraya bağlayabiliyorsunuz. Ben buradan

bağlayabiliyorsunuz. Ben buradan Superabase'i bağladım ki burada proje açalım ve proje altında da e bu projemizin database'ini ve kendini buradan halledebilelim istedim. E Deep

Research kısmında da eğer bir araştırma yapmak istiyorsanız bir rapor, bir sunum, e herhangi bir market yapmak istiyorsanız da Deep Research gibi araştırma modülünü kullanabilirsiniz.

Race modu ise benim diğer sevdiğim bir özelliği. Bunu daha öncesinde

özelliği. Bunu daha öncesinde kullanmıştık zaten. E bu da şu işe

kullanmıştık zaten. E bu da şu işe yarıyor arkadaşlar. size 4 tane ekran

yarıyor arkadaşlar. size 4 tane ekran açıyor. Yani dör tane ajan çalıştırıyor.

açıyor. Yani dör tane ajan çalıştırıyor.

Bu ajanlar aynı işlemi yani verdiğiniz promtun aynısını yapıyor. Her dört ajan farklı model kullandığı için de sonuçlar farklı oluyor. Aralarından bir tanesini

farklı oluyor. Aralarından bir tanesini seçiyorsunuz. Diyorsunuz ki işte bu daha

seçiyorsunuz. Diyorsunuz ki işte bu daha iyi olmuş ve onunla devam ediyorsunuz yolunuza. Bu sayede de hem tasarım

yolunuza. Bu sayede de hem tasarım tarafında hem backend tarafında bu tarz seçenekleri kullanabiliyorsunuz. Güzel

seçenekleri kullanabiliyorsunuz. Güzel oluyor. O zaman gelin her zaman olduğu

oluyor. O zaman gelin her zaman olduğu gibi chat GPT'ye yaptırdığım promtu gidelim ve işlemlerimize başlayalım.

Buradan team modumu aktif ettim ve de promtumu yazdım. İlk aşamada bu QR menun

promtumu yazdım. İlk aşamada bu QR menun arkadaşlar front endini yapacağız. Uni

yapacağız. Niye böyle bir şey yapacağız?

Çünkü ilk aşamada bir görselli landing pageini işte ana ekranı adı bir ayarlayalım. Ardından da bu yaptığımız

ayarlayalım. Ardından da bu yaptığımız işlemlere göre bir backend yaptırtalım.

Yani bir database yapısı oluşturalım ve bunları da e stop ile beraber bağlasın ve kendi kendine bunların bağlantısını yaparak bize bir QR menü sistemi çıkarsın. O zaman gelin promptumuzu

çıkarsın. O zaman gelin promptumuzu gönderelim ve bize QRcım QR menu creator sistemimizi yapsın. Promt gönderdikten

sistemimizi yapsın. Promt gönderdikten sonra bize bu şekilde bir arayüz açıldı arkadaşlar. Gördüğünüz gibi burada

arkadaşlar. Gördüğünüz gibi burada promptumuz geldi. Mike Team Leader

promptumuz geldi. Mike Team Leader işlemlere başladı. Biraz sonra bazı

işlemlere başladı. Biraz sonra bazı görev dağılımları yapacak ve bize bazı sorular soracak. Ardından da kendi ekibi

sorular soracak. Ardından da kendi ekibi içerisinde iş dağılımı yapıp işlemleri yapmaya başlayacaklar. Evet gördüğünüz

yapmaya başlayacaklar. Evet gördüğünüz gibi dedi ki bu şekilde testler oluşturdum. E bu testler senin için

oluşturdum. E bu testler senin için uygun mu? Değilse bunları

uygun mu? Değilse bunları değiştirebiliriz dedi. Şöyle bir hızlı

değiştirebiliriz dedi. Şöyle bir hızlı göz atıyorum ne yaptığına. Zaten

verdiğimiz promptu daha toplu bir hale getirmiş bence. Gayet iyi olmuş. Approv

getirmiş bence. Gayet iyi olmuş. Approv

diyorum ve gönderiyorum. Ardından

gördüğünüz gibi sağ tarafta arkadaşlar in progress kısmında bir testk açıldı ve bunu Alex Engineer'e atadı. Şimdi Alex

bize işlemleri buna devam ettirecek ve de bitirince bakalım nasıl bir şey ortaya çıkacak beraber göreceğiz. Evet

dosyaları burada görüyorsunuz zaten.

Kendisi şu anda dosyadan oluşturuyor ve işlemlere başlıyor.

Bu arada ajanlar çalışırken de sağ üstte arkadaşlar şöyle kimin yaptığı belli oluyor. Üç noktaya bastığımızda da

oluyor. Üç noktaya bastığımızda da offline agents diyor. Diğer ajanlar şu an çalışmadığı için onlar da offline olarak gözüküyormuş. O da fena olmamış.

olarak gözüküyormuş. O da fena olmamış.

E şu an işlemler devam ediyor. Gördüğün

gibi bayağı uzun uzun burada arkadaşlar çalışıyorlar. Aralarında sohbet ederek

çalışıyorlar. Aralarında sohbet ederek işlemleri tamamlıyorlar. Şu anda hangi

işlemleri tamamlıyorlar. Şu anda hangi aşamadaymış bakalım. Setting page

aşamadaymış bakalım. Setting page vesaire yapıyorum demiş. Bakalım biraz

daha bekleyelim. Herhalde 5 dakikaya bitiriler diye düşünüyorum. İşlemlerimiz

tamamlandı. Evet şimdi geldiğimiz zaman arkadaşlar bir landing page'imiz var.

Hero section kısmına böyle fotoğraf kendisi koymuş. Ble gayet iyi. Gayet

kendisi koymuş. Ble gayet iyi. Gayet

yeterli bir menü olmuş bence. Yani

landing page olmuş bence.

fotoğraflarımızı koymuş. Şu anda bu şekilde fiyatları yazmış. Bu arada bu QR menü bence çok önemli arkadaşlar. Çünkü

bir kafeye gittiğiniz zaman, bir yere gittiğiniz zaman QR'ı şöyle okutuyorsunuz tık diye karşıda menü geliyor. Bazı menüler var ki yani

geliyor. Bazı menüler var ki yani kullanması o kadar çok zor ki insanın sipariş verisi kalmıyor. Yani

bakıyorsun bakıyorsun bulamıyorsun anlaşılmıyor. Fotoğraflar çok büyük veya

anlaşılmıyor. Fotoğraflar çok büyük veya çok küçük hiçbir şey anlayamıyorsun bazen. O yüzden de aslında bu QR menü

bazen. O yüzden de aslında bu QR menü yapma işi de güzel bir iş alanı diyebiliriz. Yani bunu geliştirip güzel

diyebiliriz. Yani bunu geliştirip güzel bir şekilde böyle restoranlara, kafelere, etrafınızdaki yerlere böyle gidip görüşüp uygun fiyat aslında verebilirsiniz. Bence oradan hani ufak

verebilirsiniz. Bence oradan hani ufak tefek bir gelir elde edilebilir. Ha bunu

yapan çok kişi var mı? Evet bir sürü kişi var ama birçoğu bunu hala çok kötü yapıyor. Yani gerçekten de EI'ın böyle

yapıyor. Yani gerçekten de EI'ın böyle güçlü olduğu bir dönemde bile kötü QR menü görmek bence bir mucize olması lazım. İmkansız bir şey ama maalesef ki

lazım. İmkansız bir şey ama maalesef ki kafelerde hala çok kötü QR menler var.

Şimdi buraya bir login ekranı yaptı ama e peki bizim giriş bilgilerimiz ne?

Çünkü biz bunu aslında bir beendi mesa hiçbir şey şu anda yok bu sunucunun eee projenin bir rastgele girelim şöyle bir.

Ha direkt girebiliyoruz. Tamam. Evet.

Çünkü herhangi bir şey olmadığı için direkt girebiliyorsunuz. Yö geldiğimiz

direkt girebiliyorsunuz. Yö geldiğimiz zaman buradan bize toplam kategori menü aktif ve görüntüleme sayısına kadar bize buraya göstermiş aslında. En sonunda

diyor QR menü linkini paylaş diye de böyle bunları eklemiş. Tabii şu an gördüğümüz her şey arkadaşlar bir mocup çünkü henüz bir beendi ve database'i yok dediğim gibi. E mesela bakalım bir QR

dediğim gibi. E mesela bakalım bir QR menü neye bastık? Haık QR menü diyor.

Yapmış. Mesela gördük şu anda bir QR menümüz geldi. Böyle inceleyebiliyoruz.

menümüz geldi. Böyle inceleyebiliyoruz.

Buradan üstüne bastığımız zaman mesela şu an bir şey gelmiyor ama bastığımız zaman mesela bir detay ekrana gelebilir.

Ya şu an gayet sade güzel bir tane menü olmuş bence. Hatta çoğu kafenin

olmuş bence. Hatta çoğu kafenin menüsünden daha iyi olmuş. Çünkü saçma

sapan resimler, arka planı görselleri falan kafası karışıyor insanın. Vakası

gelmiyor menüye. Şöyle bomboş sade yaz.

Şuraya bir tane fotoğraf koy. Şurada

ismi yazsın. Fiyatı yazsın. Yeterli

yani. Burada arkada başka fotoğraf, önde başka fotoğraf. Bir sürü karan çorman

başka fotoğraf. Bir sürü karan çorman şeye hiç gerek yok. Bir de bazıları şöyle mesela şuna basıyorsunuz. Bak tümü

diyor ya mesela tümü mesela kahvelere basıyorsunuz menü aşağı böyle bir iniyor arkadaşlar 5 tane section altına iniyor.

En son kahvelere geliyor. Böyle tek tek geri çıkmanız falan gerekiyor. Saçma

sapan tasarımlar var aslında. Neyse eee

tamam. Şu anda bence menünün tasarım hali okey. Gelin bir de bunu e

hali okey. Gelin bir de bunu e superbase'e bağlasın ve bir backend yapsın, database yapsın. Gerçekten de

buna kayıt olalım. Eee giriş yapalım.

Demosu versin. Demosu deneyelim. E

menümüzü kaydedelim gibi işlemlerimizi de gelin yapalım. O zaman chat GPT'yi oluşturdum promutumu gene girdim arkadaşlar. Burada bizim için gerekli

arkadaşlar. Burada bizim için gerekli olan bütün her şeyi bize chat chipti yazdı ve şu anda gördüğümüz UI UX'teki her şeyi arkadaşlar bir karşılığı olarak işte menünün, menün içeriğinin e giriş bilgilerinin, login register gibi

kısımların hepsinin aslında e şu anda bir tablosunu, yapısını vesairesini burada bize ayarlayacak. Hadi o zaman promtumuzu gönderelim. Gene burada Mike

promtumuzu gönderelim. Gene burada Mike Alex'e yetkileri verdi, görevleri verdi ve Alex çalışmaya başladı. Şimdi burada

arkadaşlar Alex bize bir sumir yapmış.

eee, tek bütün dosyaları aslında şu an değiştiriyor. Çünkü hepsi normalde, eee,

değiştiriyor. Çünkü hepsi normalde, eee, MOG datadan oluşuyorken şu anda hepsi gerçek dataya ve sobase'e bağlanmış olacak. Bu sayede bütün dosyalar

olacak. Bu sayede bütün dosyalar gördüğün gibi tek bunların hepsini değiştiriyor ve ne yaptığını gösteriyor.

Ardından bir Tod MD'yi güncellemiş.

Ardından da işlemleri şu an devam ediyor ve herhalde bitirmek üzere. Aynen. Şu

anda zaten işlemleri bitirecek. QRC

uygulamamız artık hazır dedi ve de yaptığı işlemleri gene bir özetledi. O

zaman Mike da bize söylesin son durumları. Ardından da gelin e QR

durumları. Ardından da gelin e QR menümüzün canlı halini bir inceleyelim.

Evet, takım liderimiz Mike da olayı özetledi ve de hazır olduğunda publish'e bas ve de yayına alabilirsin dedi. Zaten

burada bir değişiklik şu anda herhangi bir şey yapmadı. Çünkü amacımız login registerdan itibaren bir işlem yapmasıydı. Gene bir rastgele bir eee

yapmasıydı. Gene bir rastgele bir eee mesela mail giriyorum. Şunu girdim

sayalım. Giriş yap diyorum.

Invalid login credentials diye bir hata verdi sağ gibi. Ardından ücretsiz kayd yoluna bastım. Admin 1 2 3 yazdım ve

yoluna bastım. Admin 1 2 3 yazdım ve hesabı oluşturdum. Tamamdır. Atom kafe

hesabı oluşturdum. Tamamdır. Atom kafe

yönetim paneli diye buraya geldi. Ve şu

anda bütün her şey sıfır sıfır diye gözüküyor. Tabii şu an tek bizim eee bir

gözüküyor. Tabii şu an tek bizim eee bir şeyler eklememiz gerekiyor. Herkese açık

menüye tıklıyorum. Bakalım menüde ne gelecek. Boş gelmesi gerekiyor da

gelecek. Boş gelmesi gerekiyor da gelmemesi gerekiyor. Menü yükleniyor

gelmemesi gerekiyor. Menü yükleniyor diyor. Evet menüde bir şey bulunmuyor

diyor. Evet menüde bir şey bulunmuyor diyor. Gelin o zaman birkaç tane

diyor. Gelin o zaman birkaç tane kategori açalım hızlı hızlı kahveler ve yemekler diyelim. Çok basit bir şekilde

yemekler diyelim. Çok basit bir şekilde hiç uğraşmadan yemekler diyelim.

Ardından da bunları düzenleyip silebiliyorum. Menü öğlerine geliyorum.

silebiliyorum. Menü öğlerine geliyorum.

Ö ekle diyorum. Buradan kategoriyoruz.

Kahve mesela latte demiş. Açıklaması

test ladde açıklamasıdır.

1 2 3 yazdım. Bu da americano böyle bir şeyler yazdım arkadaşlar. Bir

tane de yemek ekleyelim. Yemekte ne

olsun? Çoban kavurma. Ne alakaysa kafede böyle de ekleyelim çoban kavurmayı. Onun

fiyatı da 111 olsun. Açılış kampanyamız

var. Ekleyelim. Ve de gelelim bir dashboard'a bakalım. 5 boardta toplam

dashboard'a bakalım. 5 boardta toplam kategori, toplam menü ve aktif olarak güncellendi. Qar menü linkinizi paylaşın

güncellendi. Qar menü linkinizi paylaşın diyor. Ayarlarda bir şey var mı bu

diyor. Ayarlarda bir şey var mı bu arada? Ayarlarda kafemizin adını şey

arada? Ayarlarda kafemizin adını şey yapabiliyoruz. Bir sayfa yenile daha

yapabiliyoruz. Bir sayfa yenile daha Toms. Ha bu arada sayfayı yenileyince bize girişi atıyor. Bunu da

düzelttiririz. Direkt olarak kaldığımız yerden başlatır. Ayarlar kısmında

yerden başlatır. Ayarlar kısmında kalmıştık. Buradan istersek de URL'mizi

kalmıştık. Buradan istersek de URL'mizi değiştirebiliyoruz. Bunu koyması da

değiştirebiliyoruz. Bunu koyması da güzel olmuş aslında. Menüye bastım

tekrardan. Evet menümüz geldi. Normalde

boştu. Doldurduğum zaman menümüz de böyle geldi arkadaşlar. Burada bütün

hepsini görebiliyoruz. Kahveler,

tatlılar, yemekler diye bunları da filtreleyebiliyoruz. Bence gayet iyi

filtreleyebiliyoruz. Bence gayet iyi oldu. Şimdi merak ettiğim bir şey var.

oldu. Şimdi merak ettiğim bir şey var.

Şu linki arkadaşlar mesela her türlü görebilecek miyiz? Yani mesela yeni bir

görebilecek miyiz? Yani mesela yeni bir gizli sekme açalım. Burada da eee menüyü görecek miyiz sorunsuz bir şekilde. Evet

burada da menüyü aynı şekilde aslında görebiliyoruz. Yani telefondan da görsek

görebiliyoruz. Yani telefondan da görsek böyle olacaktı. Hatta şöyle küçültelim

böyle olacaktı. Hatta şöyle küçültelim mesela telefondan da böyle gözükecekti.

Örneğin oldu bitti aslında. İşte bir

kafe açtın diyelim. Bütün masrafları

yaptın yaptın para kalmadı. menü yapman

lazım. Menü de yapmak istemiyorsun.

Birine para ver dedip hop girdin buraya hemen tık tık tık tık bir üyelik açtın.

Hop yazdın yazdın yazdın. Yarım saatte

hadi sen bu işi adan bilmiyorsun falan filan. İki saatte menüyü yaptın

filan. İki saatte menüyü yaptın hazırladın. Dedin ki şuraya bir resim

hazırladın. Dedin ki şuraya bir resim koy işte şuraya şunu koy buraya bunu koy. Bunu şöyle güzelleştir. Bunu böyle

koy. Bunu şöyle güzelleştir. Bunu böyle

yaptır şunu şöyle yaptır hop diye gitti.

Hatta hangi ürüne mesela kaç kere tıklandığına kadar eee oradan arkadaşlar bir analiz alabilirsiniz. Örneğin işte

bir gün içerisinde en çok ne sipariş edilmiş, neye tıklanmış, neye tıklanıp sipariş edilmiş. Bunu nasıl görürsünüz?

sipariş edilmiş. Bunu nasıl görürsünüz?

Mesela şöyle görürsünüz. Diyelim ki

mende 100 kere Amerikalana tıklanmış. O

gün de eee 50 tane Amerikan açılmış.

Anlaşılıyor ki millet Amerikana bir tıklamış bakmış ama sipariş vermemiş.

Veya işte San Sebastian basmış 100 tane basmış ama 150 tane sipariş gelmiş. Bu

demek oluyor ki adam menüye bakmadan San Sebastian sipariş ediyor. Yani demek ki adam o kafetik San Sebastian'ı seviyor falan filan. Bu tarz şeyler aslında eee

falan filan. Bu tarz şeyler aslında eee analiz edilebilir, raporu çıkartılabilir. Biliyorsunuz ki artık

çıkartılabilir. Biliyorsunuz ki artık günümüzde her şey arkadaşlar raporla analizle yürüyor. Data çok önemli

analizle yürüyor. Data çok önemli biliyorsunuz ki. Eee gelin bir de bunu o

biliyorsunuz ki. Eee gelin bir de bunu o zaman yayına alalım arkadaşlar. Sağ üste

geldiğim zaman burada publish your project diyor. Zaten en çok bir ara

project diyor. Zaten en çok bir ara sorun şuydu. Projeyi yapıyordu insanlar.

sorun şuydu. Projeyi yapıyordu insanlar.

Mesela benim yorumlara bayağı girdi ya.

Nasıl yayın alacağım? Nerede yayın

alacağım? Nasıl yapacağım? Şunu mu

kullanayım? bunu mu kullanayım deniyordu. Burada arkadaşlar bu tarz

deniyordu. Burada arkadaşlar bu tarz araçlarla benim en sevdiğim nokta şu.

Direkt baştan sona her şeyi kendim içerisinde sunduğu için çok rahat bir şekilde kullanabiliyorsunuz. Publish'e

şekilde kullanabiliyorsunuz. Publish'e basıyorum. Buradan bana bir domain

basıyorum. Buradan bana bir domain veriyor. Atom cafe menü diye bunu bir

veriyor. Atom cafe menü diye bunu bir şöyle yayınlayalım mesela. Evet.

Atomcafe menü diye. Atoms.inde

bunu yayınlayacağım. Şimdi your link is leave dedi. Şöyle gelin bakalım linkimiz

leave dedi. Şöyle gelin bakalım linkimiz çalışıyor mu?

Yanlış link. Şu link olacak.

Evet, gördüğünüz gibi Atoms Cafe menü linkimiz burada yayında. Daha sonrasında

arkadaşlar eğer bu domaini değiştirmek istiyorsanız, kendi gerçek domainizi kullanmak istiyorsanız yani herhangi bir.com'lu bir domain almak istiyorsanız

bir.com'lu bir domain almak istiyorsanız veya comtr vesaire ne isterseniz onu da update diyerek buradan add your domain deyip gelen sayfada gerekli DNS vesaire girdiğiniz zaman çok kolay bir şekilde zaten onları değiştirebilirsiniz. Aklıma

bir şey daha geldi arkadaşlar. Bu menüye

bir şey daha ekleyebiliriz. Ne

ekleyebiliriz? Şimdi biliyorsunuz ki menüyü görüntüleyebiliyoruz Türkiye'de ama bunları sipariş oluşturamıyoruz. Y

hatta benim yani Türkiye'de şu an ben buna denk gelmedim. Daha öncesinde

Ukrayna'ya gittiğim zaman Ukrayna'da mesela Balık restoranındaydık. Orada

direkt QR'ı okuttuk telefondan ve ardından tek işte şunu istiyorum, bunu istiyorum, bunu istiyorum seçtik. Sepet

ekledik ve gönderdik direkt olarak.

Ardından da 10 dakika sonra masamıza istediklerimiz geldi tek. Hatta ve hatta işlemler bittikten sonra ödemesini de oradan yaptık mesela. Daha sonrasında

geçenlerde Gürcistan'a gitmiştik. Orada

da aynı şekilde gene menüyü bu şekilde görüntüleyip sipariş verebiliyorsunuz.

Tabii ödemesini manuel yaptık çünkü dil orada farklı olduğu için tam olarak okuyamadık çoğu şeyi ama en azından siparişi verebilmiştik. Türkiye'de

siparişi verebilmiştik. Türkiye'de sadece bu QRman ne işe yarıyor?

Bakıyorsun pardon e e diyorsun. Bazen

isimlerini okuyamıyorsun çünkü. Ve

siparişin geliyor ve gene manuel yürüyor her şey. Gelin o zaman bize bu tarz bir

her şey. Gelin o zaman bize bu tarz bir sistem ekleyelim. Yani burada tık tık

sistem ekleyelim. Yani burada tık tık tık bastığımız zaman menü sepet eklensin. Basınca da sipariş verelim.

eklensin. Basınca da sipariş verelim.

biraz daha sistemin tam altyapısına uymayacak bence. Biraz zorlanabiliriz

uymayacak bence. Biraz zorlanabiliriz belki hata mata alabiliriz çünkü yapı ona uygun değildir diye düşünüyorum.

Başta onu planlamamıştık. E bu tarz projelerde başta bunları planlamak çok önemli. O zaman gelin chat çifte bir

önemli. O zaman gelin chat çifte bir prompt yazdırayım ben. Ardından da bu özelliğimizi de ekleyip yavaş yavaş ürünümüzü tamamlayalım. Promtumu tabii

ürünümüzü tamamlayalım. Promtumu tabii ki de gene hazırlattım. Bu sefer işler biraz daha karışacağı için gidip de kendim prompt girmek istemiyorum arkadaşlar. Bunu detaylı bir şekilde

arkadaşlar. Bunu detaylı bir şekilde yapmasını, anlatmasını istedim.

Chipt'den bana çok güzel bir şekilde bir prompt verdi. Burada bu yapıyı bize

prompt verdi. Burada bu yapıyı bize şimdi eee Atoms oluşturacak. Hadi

bakalım. Bayağı hızlı bir şekilde bitirdi. Bu arada biraz merak ediyorum

bitirdi. Bu arada biraz merak ediyorum direkt tek seferde çalışacak mı onu bilemiyorum. Şöyle sayfayı yeniledik.

bilemiyorum. Şöyle sayfayı yeniledik.

Giriş yap diyelim. Eee burada arkadaşlar siparişler diye bir kısma eklemiş.

Görüyorsunuz şu anda henüz sipariş yok diyor. Bugünkü coyu falan eklemiş.

diyor. Bugünkü coyu falan eklemiş.

Onları eklemesi güzel olmuş. Eee menüye

tıkladım arkadaşlar. Siparişler açık

kalsın şurada. Eski menüleri şöyle kapatalım.

Buradan Amerikanu alalım bir tane. Bir

tane de Latte alalım. Sağ altta

gördüğünüz gibi sepetim geldi. Evet

bastığım zaman da buraya bu şekilde geldi. Masa numaramı yazdım. Müşteri adı

geldi. Masa numaramı yazdım. Müşteri adı

soyadı yazdım. Sipariş onayla dedim.

Siparişiniz alındı. Sıra numaranız diye verdi. Süper oldu. Geldim buraya.

verdi. Süper oldu. Geldim buraya.

Sayfayı bir yeniledim derken kendisi zaten göndermişti. E şimdi bizi landing

zaten göndermişti. E şimdi bizi landing page'i atacak yüksek ihtimalle. Çünkü e

evet bunu ayarlamadık. Üşengeçliğimizden

devam edelim. Siparişlere tekrar geldim.

Evet gördüğünüz gibi siparişim arkadaşlar burada duruyor.

Oo durum da eklemiş. Geni hazırlanıyor.

Hazır. Tamamlandı. Hazıra bastım.

Tamlandıya bastım. Menü ve gönderildi.

Süper oldu. Dashbarda geldim. Bugünkü

jurom şu an sıfır. Bu juro hah tamam.

Jurom da güncellendi.

Bir de işte ödeme falan almaya geseydik.

Hatta bunu yurt dışında yaşaydık. Stripe

falan var biliyorsunuz. E stripe falan.

Hatta burada onun konnektörü olmaz.

Aynen. Maxripe falan bağlayıp da arkadaşlar eee online ödemesine kadar aslında elde elde edebilirim diyorum.

Ekleyebilirim ve bu sayede de baştan sona restoranı dijitale dönüştürmüş olurum. E Türkiye'de maalesef bu

olurum. E Türkiye'de maalesef bu sistemler eee çalışmıyor. Online

ödemedir işte yok Apple Pay'dir falan.

Biliyorsunuz ki maalesef kullanamıyoruz hala. Bu da zaten biraz saçmalık. Yani

hala. Bu da zaten biraz saçmalık. Yani

bu zamanda eee ödeme sistemlerini kullanamamız Türkiye'de bayağı bence eksiklik ama yapacak bir şey yok.

Arkadaşlar çok önemli bir şey unuttuk.

Neyi unuttuk? İşimiz QR menü yapmak ama QR'ı oluşturacak yapıyı yapmadık. Bunu

az önce videoyu eklerken fark ettim. O

zaman gelin bir de QR'ı okuttuca. Yani o

kadar komik ki durum yani ne söyleyeceğimi unuttum. Yani QR'ı

söyleyeceğimi unuttum. Yani QR'ı okutabileceğimiz de bir yapı yapalım.

Yani bir QR kod oluştursun ve o koda bizim linkimizi gömsün değil mi? Yani

bunu yapmazsak zaten QR menünün ne anlamı var? Adamlar linki mi yazacaklar?

anlamı var? Adamlar linki mi yazacaklar?

Yani onu hiç düşünmedik. O zaman gelin şuraya ben bir prompt gireyim. Prompt

yazmayı unutmuşuz. Enter'a bastım.

İşlemler tamamlandı hızlı bir şekilde.

Burada QR kodum diye bir sekme eklemiş.

Hemen şuraya basalım. Evet, burada QR kodumuz var. Ardından link var. Şu linki

kodumuz var. Ardından link var. Şu linki

bir kopyalayalım. Bakalım linkimiz

çalışıyor mu? Menümüz geldi gördüğünüz gibi. Peki şimdi QR'ımız çalışacak mı,

gibi. Peki şimdi QR'ımız çalışacak mı, gelir miydi? Onu deneyelim. Telefonu

gelir miydi? Onu deneyelim. Telefonu

aldım şöyle elime. Kamerayı açtım. Evet,

gördüğünüz gibi burada arkadaşlar menüyü görüntüleyebiliyorum. Tamam. Sistemimiz

görüntüleyebiliyorum. Tamam. Sistemimiz

artık tamamen hazır oldu. Evet, bu

şekilde bir sistem oldu. Bence güzel

oldu. Çünkü e dediğim gibi arkadaşlar yani bu ne kadar basit de bir sistem olmuş olsa hani şey olarak bu QR menü dediğim zaman çok basit bir sistem gözüküyor ama maalesef ki Türkiye'deki çoğu yer hala çok kötü QR menüler

kullanıyor. Hatta birçoğu daha QR menü

kullanıyor. Hatta birçoğu daha QR menü geçmemiş. Hala kağıttan böyle menü falan

geçmemiş. Hala kağıttan böyle menü falan getiriyorlar. E o yüzden de bu tarafta

getiriyorlar. E o yüzden de bu tarafta böyle bir fırsatları böyle biraz daha şey yapılabilir. Hani kullanılıp belki

şey yapılabilir. Hani kullanılıp belki bir gelir elde edilebilir. Ama tabii

şimdi diyeceksiniz ki ya bunu zaten bir sürü kişi yapıyor. Biz de mi yapalım?

Yapın zaten her şeyi herkes yapıyor.

Yani bir kişi daha yapmasa bir şey kaybettirmez. Kimin nereden ne

kaybettirmez. Kimin nereden ne kazanacağı belli olmaz hiçbir zaman. E

neyse oraya şimdi konu çok dağılmasın.

Atoms'ta durumlar böyleydi arkadaşlar.

Ben beğendim. Özellikle kendi yorumumu şöyle söyleyebilirim size. Kamerayı

büyütelim biraz daha. Geçen seneki ilk bakış videosunu çektiğim zamana göre arkadaşlar bence bayağı hızlanmış ve hataları çok güzel bir şekil toparlamışlar. Yani artık baştan sona

toparlamışlar. Yani artık baştan sona bir projeyi hata almadan gördüğün gibi hiç hata almadık projede yapabiliyor ve de örneğin altyapıyı hazırladığımız bir şey yapmıştık ve bunu o şekilde hazırlamıştık. Yani işte QR menü

hazırlamıştık. Yani işte QR menü hazırdı. Sonrasında akıma yeni gelen bu

hazırdı. Sonrasında akıma yeni gelen bu fikir işte ödeme alma altyapısı gibi yani menü pardon sipariş alma altyapısı olmamasına rağmen onu da ekledi çok rahat bir şekilde hem swabase'de bunları entegre etti database tarafında hem de

frontendde buna uygun bir şekilde unayı elementlerini eklemiş oldu. Bence

başarılı buldum. Eğer hani kodlama tarafından çok böyle bir aşırı bilginiz yoksa ve bu tarz işler yapmak istiyorsanız kendinize örneğin bir kafeniz var menü yapmak istiyorsunuz.

Kafeniz var web sitesi yapmak istiyorsunuz veya hızlı bir şekilde bir prototip yapmak istiyorsunuz. MVP yapmak

istiyorsunuz. Bu tarz toolar bence kullanışlı oluyor. Eğer denemek

kullanışlı oluyor. Eğer denemek isterseniz eğer hoşunuza gittiyse açıklamalar kısmındaki linkten ve de yorumlara eklediğim linkten üye olup deneyebilirsiniz arkadaşlar. Hem de beni

deneyebilirsiniz arkadaşlar. Hem de beni desteklemiş olursunuz. O zaman bir

desteklemiş olursunuz. O zaman bir sonraki videoda görüşmek üzere. Yeah.

Loading...

Loading video analysis...