Membuat CRUD (To-do list)
🚀 Bikin Aplikasi CRUD Todo List di Flutter, Gampang Banget Coy! 😎
Bro, sis, lo pernah nggak sih pusing nyatet kerjaan, tugas, atau rencana?
Nah, kali ini gua bakal spill aplikasi To-Do List kece badai yang udah gua bikin pake Flutter. Dan pastinya nih app udah lengkap banget sama fitur CRUD — Create, Read, Update, Delete. Mantul kan? 🔥
🎯 Apa itu CRUD?
CRUD tuh singkatan:
- Create ➡️ bikin data baru (kayak bikin list baru).
- Read ➡️ baca atau liat data yang udah ada.
- Update ➡️ edit data yang udah ada biar up-to-date.
- Delete ➡️ hapus data yang udah nggak kepake.
Di aplikasi ini, CRUD lo bisa cobain langsung di browser karena udah pake localStorage. Jadi datanya nyimpen di memori browser lo, aman dan offline! 💾
⚙️ Fitur yang Ada di App Ini
-
Tambah List Baru (Create)
Tinggal ketik judul list lo, klik tombol "Buat" → BOOM, langsung nongol di layar. -
Lihat Semua List (Read)
Semua list yang lo bikin bakal muncul rapi di halaman utama. Udah kek manager project beneran lah. 😏 -
Edit Judul & Deskripsi (Update)
Salah tulis? Tinggal klik icon ✏️, masukin judul & deskripsi baru, dan simpan. Gampang banget, bos! -
Hapus List atau Item (Delete)
Tinggal klik 🗑️, langsung ilang dari muka bumi (eh maksudnya dari list lo).
💻 Sedikit Cuplikan Kode
Bagian inti CRUD di sini simple banget. Misalnya pas bikin list baru:
void _addNewList() {
final title = _newListController.text.trim();
if (title.isEmpty) return;
setState(() {
_todoLists.add(TodoList(title: title));
_saveTodoLists();
_newListController.clear();
});
}
Intinya:
- Ambil input user.
- Tambahin ke list.
- Simpan di
localStorage.
🎨 UI yang Kece Abis
- Material 3 biar modern look-nya.
- AnimatedList buat animasi masuk & hapus item biar nggak kaku.
- Warna Teal + tombol kece, bikin app ini adem tapi tetep stylish.
🔥 Kesimpulan
Dengan app ini, lo bisa:
- Nge-manage tugas tanpa ribet.
- Belajar konsep CRUD di Flutter dengan cara santai.
- Pamer ke temen kalau lo jago bikin app kece.
Jadi, tunggu apa lagi? Gaskeun coding lo, terus bikin versi lo sendiri. Jangan lupa kasih warna dan style sesuai selera biar makin vibes.
https://zd5e06fvd5f0.zapp.page/#/
Silahkan dicoba sendiri yah
Comments
Post a Comment