Vue.js/Nuxt ile Bilet Uygulaması
Nuxt ve Vue ile QR Kod okuttuğumuz bir bilet uygulaması geliştiriyoruz.
Description
Merhaba ve uygulamanıza hoş geldiniz! Bu serimizde, Nuxt.js ve Vue.js kullanarak bir bilet takip uygulaması geliştiriyoruz. İlk önce uygulamamız için linter, prettier ve husky kurulumlarını yapıyoruz. Ve eslintte bazı kuralları kendimize göre özelleştiriyoruz ve formatlama için bazı eslint scriptlerini package.json dosyamıza ekliyoruz. Bu oluşturduğumuz scriptleri husky tarafına ekleyip her defasında bir commit veya push yaptığımızda çalıştırıyoruz ve bir lint kuralı ihlali olup olmadığını kontrol ediyoruz. Uygulamamız üç ana sayfadan oluşuyor. İlk sayfada biletleri oluşturuyoruz. Burada bilet sahibinin bilgilerini, biletin son kullanım tarihini ve etkinlik yerini belirliyoruz. Daha sonra kullanıcılara göndereceğimiz bilet sayfasını oluşturuyoruz ve bu sayfada QR kodunu ekliyoruz. Her bilet için benzersiz bir değer belirliyoruz ve bu benzersiz değer QR kodunun içinde bulunuyor.
Son sayfamız bilet kontrol sayfasıdır. Bu sayfada QR kodunu tarayarak biletin geçerliliğini kontrol edebiliriz. Aynı zamanda bilet sahibinin kim olduğu ve bilet hakkında diğer detaylara da erişebiliriz eğer biletimizin son kullanım tarihi geçmişse bununla ilgli başka bir uyarı gösteriyoruz. Uygulamamızın backend tarafında Supabase kullanıyoruz. Supabase, Firebase gibi çalışan bir uygulama geliştirme platformudur, firebase nosql veritabanı ile çalışıyor, supabase ise sql veritabanı ile çalışıyor. Biz Supabase'i kullanarak bilet ve müşteri bilgilerini PostgreSQL veritabanımıza kaydediyoruz.
Bu seriyi umarım size yardımcı olmuştur ve bir sorunuz olduğu zaman bana istediğiniz zaman ulaşabilirsiniz :)
What You Will Learn!
- Proje Geliştirme
- Cloud Database ile Çalışma
- Nuxt ve Vue ile Uygulama Geliştirme
- Javascript
Who Should Attend!
- Developers