Vue 3 - Firebase 9 - Tailwind CSS ile Uygulama Geliştirme

Bu kursumuz ile birlikte Vue 3 - Firebase 9 - Tailwind CSS ve Pinia ile Kripto Takip Uygulaması geliştiriyoruz.

Vue 3, Firebase, Tailwind ve Pinia konularını kripto takip uygulaması ile öğreniyoruz. Kursumuz uygulama geliştirerek konuları öğretmeyi amaçladığı için temel konuları barındırmamaktadır. O yüzden kursa başlamadan önce Modern Javascript ve Vue konularının temeline hakim olmanız gerekmektedir.

Kursumuza Vue 3 ile proje geliştirerek başlıyoruz ve Router yapısını kullanarak sayfalarımız ile componentlerimizi oluşturuyoruz. Veri kaynağı olarak kripto api kullanıyoruz ve axios paketlerinden yararlanıyoruz.

Sayfalamızı ve componentlerimizi oluşturduktan sonra kullanıcıyı daha iyi bir deneyim sunmak için animasyon işlemlerine geçiyoruz. Transition elementini kullanarak elementlere animasyon verdiğimiz gibi GSAP kullanarak da animasyonlarımızı oluşturuyoruz. Ayrıca Tailwind CSS den yararlanarak Skeleton oluşturuyoruz böylece bekleme işlemleri daha şık hale geliyor.

Buraya kadar verilerimizi saklamak için Local Storage kullanıyoruz ve buradan sonra merkezi olarak verilerimize erişmek için Pinia Durum Yönetimi işlemlerine başlıyoruz. Global olarak state ve actionlar oluşturuyoruz ve componentlerden state ve actionlara erişme işlemlerini gerçekleştiriyoruz.

Son olarak Firebase işlemlerine başlıyoruz. İlk olarak kullanıcı girişini oluşturuyoruz ve Google Sign In kullanıyoruz oluşan kullanıcı bilgilerini state ile yönetiyoruz. Kullanıcıyı kullanarak uygulamamızı kullanıcıya özgü çalıştırıyoruz.

Kullanıcı işlemlerinden sonra verilerimizi saklamak için Firebase Firestore kullanıyoruz. Veri kaydetme verilere erişim ve veri silme işlemlerini state kullanarak gerçekleştiriyoruz.