Flutter Login & Register UI

English

How to Install Flutter

1. Download Flutter SDK:

   • Go to the Flutter website and download the Flutter SDK for your operating system.

2. Extract the Flutter SDK:

   • Extract the downloaded Flutter SDK to a desired location on your machine.

3. Update Your Path:

   • Add the Flutter SDK path to your system environment variables.

4. Run Flutter Doctor:

   • Open a terminal and run the following command to ensure Flutter is correctly installed:

     flutter doctor

How to Run the Project

1. Clone the Repository:

   • Clone this repository to your local machine using:

     git clone https://github.com/eminexedev/mobile-login-page-flutter.git

2. Navigate to the Project Directory:

   • Change to the project directory:

     cd mobile-login-page-flutter

3. Install Dependencies:

   • Install the required dependencies using:

     flutter pub get

4. Run the Project:

   • Run the project on an emulator or connected device using:

     flutter run

Project Features

• Login & Register UI:

  • Email and password input fields with validation.
  • "Remember Me" checkbox.
  • Login button with validation feedback.
  • Social login buttons (Google, Apple, Facebook) with equal width.

• Password Strength Indicator:

  • Displays password strength as a progress bar.
  • Provides password hints for creating a strong password.

• Modern Register UI:

  • Email, password, and confirm password input fields with validation.
  • Password strength indicator.
  • Register button with validation feedback.

---

Türkçe

Flutter Nasıl Kurulur

1. Flutter SDK'yı İndirin:

   • Flutter web sitesine gidin ve işletim sisteminiz için Flutter SDK'yı indirin.

2. Flutter SDK'yı Çıkartın:

   • İndirilen Flutter SDK'yı bilgisayarınızda istediğiniz bir konuma çıkartın.

3. Path'i Güncelleyin:

   • Flutter SDK yolunu sistem ortam değişkenlerinize ekleyin.

4. Flutter Doctor'ı Çalıştırın:

   • Bir terminal açın ve Flutter'ın doğru kurulduğundan emin olmak için aşağıdaki komutu çalıştırın:

     flutter doctor

Proje Nasıl Çalıştırılır

1. Depoyu Klonlayın:

   • Bu depoyu yerel makinenize klonlayın:

     git clone https://github.com/eminexedev/mobile-login-page-flutter.git

2. Proje Dizini'ne Geçin:

   • Proje dizinine geçin:

     cd mobile-login-page-flutter

3. Bağımlılıkları Yükleyin:

   • Gerekli bağımlılıkları yüklemek için:

     flutter pub get

4. Projeyi Çalıştırın:

   • Projeyi bir emülatörde veya bağlı bir cihazda çalıştırmak için:

     flutter run

Proje Özellikleri

• Giriş & Kayıt UI:

  • Email ve şifre giriş alanları ile doğrulama.
  • "Beni Hatırla" checkbox'ı.
  • Doğrulama geri bildirimi ile giriş butonu.
  • Eşit genişlikte sosyal giriş butonları (Google, Apple, Facebook).

• Şifre Güç Göstergesi:

  • Şifre gücünü bir ilerleme çubuğu olarak gösterir.
  • Güçlü bir şifre oluşturmak için ipuçları sağlar.

• Modern Kayıt UI:

  • Email, şifre ve şifre onay giriş alanları ile doğrulama.
  • Şifre güç göstergesi.
  • Doğrulama geri bildirimi ile kayıt butonu.