chat_app

Log Pengembangan

menggunakan Flutter 2.5.3
update aplikasi akan dilampirkan disini.

1. UI Chat

membuat layout awal.

2. Running 1

1. menambahkan beberapa resource berikut didalam project

• Firebase Auth
• Firebase core
• Cloud Firestore

dengan perintah flutter pub add (plugin).

2. menambahkan beberapa dependencies android didalam project (lihat materi buku untuk lebih jelas).
3. kaitkan project dengan firebase (menambahkan asyncronous di file main.dart)

void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(const MyApp());
}

4. menambahkan code berikut di build.gradle app level

defaultConfig {
  ...
  minSdkVersion 19
  multiDexEnabled true
  ...
}
dependencies {
  ...
  implementation 'com.android.support:multidex:1.0.3'
}

5. hingga register berhasil dilakukan didalam aplikasi dengan output didalam console

3. Running 2

update aplikasi:

1. menambahkan fitur chat didalam aplikasi yang disimpan menggunakan firebase firestore dan bisa melakukan login langsung.
2. agar tersimpan apa yang kita tuliskan didalam firebase firestore kita harus menambahkan permission didalam firestore, silahkan buka link berikut untuk pemberian permissionnya.

4. Running 3

update aplikasi:

1. memperbaiki masalah login pada running 2.
2. menambahkan fitur chat didalam aplikasi menggunakan cloud firestore.
3. menampilkan hasil chat yang ada.

5. Running 4 & 5

update aplikasi:

1. Running 4 : menampilkan hasil chat didalam aplikasi.
2. menambahkan field time untuk menampilkan chat sesuai dengan waktu yang ada.
   dan sebelum menambahkannya diharuskan untuk melakukan import plugin resource berikut.
   intl
3. Running 5 : memperbaiki tampilan pada Running 4.
4. menambahkan controller pada text field dan text button yg digunakan ketika input text.

6. Running 6 (bonus)

update aplikasi:

1. Logout.
2. mengubah icon untuk icon chat.

credit:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.