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 video analysis...