Membuat Aplikasi CRUD Flutter Sederhana dengan MockAPI

 

Pada gambar di atas saya sedang membuat aplikasi CRUD (Create, Read, Update, Delete) sederhana menggunakan Flutter yang terhubung dengan MockAPI.

Tampilan project memperlihatkan daftar data pengguna dengan fitur:

• Tambah data baru menggunakan tombol FloatingActionButton (ikon + di kanan bawah).

• Edit data dengan ikon pensil berwarna biru.

• Hapus data dengan ikon tempat sampah berwarna merah.

Bagian kode yang ditampilkan (main.dart) menunjukkan implementasi ListTile dan IconButton untuk mengedit serta menghapus data pengguna. Data ditampilkan dalam bentuk Card, dengan nama dan email pengguna dari API.

Proyek ini saya jalankan menggunakan Flutter 3.7.3 langsung di browser dengan bantuan Zapp.run, sehingga bisa lebih cepat mencoba dan menguji kode tanpa perlu emulator tambahan.

Aplikasi ini cocok sebagai latihan dasar CRUD di Flutter sebelum membuat aplikasi dengan backend nyata seperti Firebase atau database server.