Skip to content

kaatbas/flutter-test

Repository files navigation

Flutter Firebase Giriş ve Kayıt Uygulaması

Bu proje, Flutter ve Firebase kullanılarak oluşturulmuş, kullanıcı girişi ve kaydı özelliklerine sahip temel bir mobil uygulama iskeletidir.

Ekran Görüntüleri

Giriş Ekranı

Form alanları boşken (kilitli ikon):

Giriş Ekranı - Kilitli

Form alanları doluyken (açık ikon):

Giriş Ekranı - Açık


Kayıt Ekranı

Yeni kullanıcı kayıt formunun görünümü:

Kayıt Ekranı

Özellikler

  • Modern ve Kullanıcı Dostu Arayüz: iOS tasarım prensiplerine uygun, renklerin psikolojik etkileri göz önünde bulundurularak tasarlanmış temiz bir arayüz.
  • Firebase Entegrasyonu:
    • Kullanıcı Kimlik Doğrulaması (Authentication) için Firebase Auth kullanılmıştır.
    • E-posta ve şifre ile kullanıcı girişi.
    • E-posta ve şifre ile yeni kullanıcı kaydı.
  • **Giriş Ekranı (LoginPage):
    • Şık AppBar başlığı.
    • E-posta ve şifre giriş alanları.
    • Giriş alanları dolduğunda dinamik olarak değişen (kilitli/açık) interaktif kilit ikonu.
    • "Giriş Yap" butonu ve Firebase ile iletişim sırasında yükleme göstergesi.
    • "Şifremi Unuttum?" bağlantısı (işlevsellik yakında eklenecek).
    • Kayıt ekranına yönlendirme bağlantısı.
    • Form elemanlarının Card içinde gruplandırılması.
  • **Kayıt Ekranı (RegistrationPage):
    • Temiz AppBar başlığı ve geri butonu.
    • E-posta, şifre ve şifre doğrulama alanları.
    • "Hesap Oluştur" butonu ve Firebase ile iletişim sırasında yükleme göstergesi.
    • Giriş ekranına geri dönme bağlantısı.
    • Form elemanlarının Card içinde gruplandırılması.
  • Profesyonel Kullanıcı Deneyimi İyileştirmeleri:
    • Başarılı ve hatalı işlemler için kullanıcıya geri bildirim sağlayan SnackBar mesajları.
    • Platforma uygun (CircularProgressIndicator) yükleme animasyonları.
    • Form alanları için giriş doğrulama (validation).

Kurulum ve Çalıştırma

  1. Flutter SDK'sının Kurulu Olduğundan Emin Olun: Flutter Kurulumu
  2. Projeyi Klonlayın veya İndirin:
    git clone <proje_git_adresi>
    cd <proje_dizini>
  3. Firebase Projesi Oluşturun ve Yapılandırın:
    • Firebase Konsolu adresine gidin.
    • Yeni bir proje oluşturun veya mevcut bir projeyi seçin.
    • Android Uygulaması Ekleyin:
      • Paket adı: com.example.flutter_test_1 (veya android/app/build.gradle dosyanızdaki applicationId ile aynı olmalı).
      • google-services.json dosyasını indirin ve projenizin android/app/ dizinine kopyalayın.
    • iOS Uygulaması Ekleyin (İsteğe Bağlı):
      • iOS Bundle ID: Genellikle com.example.flutterTest1 (veya Xcode projenizdeki değer).
      • GoogleService-Info.plist dosyasını indirin ve Xcode kullanarak projenizin ios/Runner/ dizinine ekleyin.
    • Firebase projenizde Authentication bölümüne gidin, "Sign-in method" sekmesinden "E-posta/Şifre" sağlayıcısını etkinleştirin.
  4. Flutter Paketlerini Yükleyin: Proje ana dizininde terminali açın ve aşağıdaki komutu çalıştırın:
    flutter pub get
  5. Uygulamayı Çalıştırın: Bağlı bir cihazınızın veya çalışan bir emülatör/simülatörün olduğundan emin olun.
    flutter run

Kullanılan Temel Paketler

  • flutter/material.dart: Flutter'ın Material Design widget'ları.
  • firebase_core: Firebase'i Flutter uygulamanızda başlatmak için temel paket.
  • firebase_auth: Firebase Authentication (kimlik doğrulama) servislerini kullanmak için.

Gelecekteki Olası Geliştirmeler

  • "Şifremi Unuttum?" işlevselliğinin tamamlanması.
  • Google, Apple vb. sosyal medya hesapları ile giriş (OAuth).
  • Kullanıcı profili sayfası.
  • Giriş sonrası yönlendirilecek ana sayfa (Homepage).
  • Daha gelişmiş state management çözümleri (Provider, BLoC vb.).
  • Veritabanı (Firestore veya Realtime Database) entegrasyonu.

Bu README dosyası, projenin mevcut durumunu yansıtmaktadır ve geliştirme devam ettikçe güncellenebilir.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published