MEMBUAT TO-DO LIST SEDERHANA

 


By : Mochammad Alvin Fauzan

Link : https://zi1yq06x6i1yr.zapp.page/#/



## 📝 Tutorial Flutter: Membuat Aplikasi To-Do List Modern dengan UI Keren


Halo, Flutter devs! 👋

Di postingan kali ini, kita akan membuat sebuah aplikasi **To-Do List sederhana tapi menarik secara visual**, menggunakan **Flutter**. Cocok banget untuk kamu yang sedang belajar Flutter atau ingin membuat aplikasi produktivitas pribadi.


---


### 🔧 Apa yang Akan Kita Buat?


Kita akan membangun aplikasi **To-Do List modern** dengan fitur:


* Tambah tugas

* Tandai tugas sebagai selesai ✔️

* Hapus tugas ❌

* UI bersih dan responsif


Semua ini hanya menggunakan **Flutter native**, tanpa package tambahan.


---


### 💻 Preview


Tampilan aplikasi:


* AppBar dengan ikon dan judul

* Input field modern + tombol "Tambah"

* List tugas dengan checkbox dan tombol hapus

* Responsif dan user-friendly


---


### 🧑‍💻 Kode Lengkap (`lib/main.dart`)


Berikut adalah kode lengkap aplikasi To-Do List:


```dart

// Salin dan tempel kode ini ke file lib/main.dart

[masukkan kode lengkap dari jawaban sebelumnya di sini]

```


> Kamu bisa langsung menjalankannya di [Zapp.run](https://zapp.run), yaitu playground Flutter online yang sangat praktis.


---


### 🚀 Cara Menjalankan di Zapp.run


1. Buka [https://zapp.run](https://zapp.run)

2. Pilih **Flutter Project**

3. Ganti isi `lib/main.dart` dengan kode di atas

4. Klik tombol **▶️ Run**

5. Selesai! 🎉


---


### 💡 Tips Pengembangan Lanjut


Kamu bisa menambahkan fitur berikut untuk membuat aplikasi lebih kompleks:


* Simpan data secara lokal (SharedPreferences)

* Tambahkan dark mode

* Tambahkan filter: Semua, Selesai, Belum selesai

* Tambahkan animasi saat tugas ditandai selesai atau dihapus


---


### 📦 Kenapa Flutter?


Flutter memudahkan kita membangun aplikasi mobile dengan cepat dan elegan. Dengan widget yang powerful dan komunitas yang terus tumbuh, kamu bisa membuat aplikasi cantik tanpa perlu ribet.


---


### ✍️ Penutup


Semoga tutorial ini bermanfaat dan bisa jadi bahan latihan kamu dalam mengembangkan skill Flutter.

Kalau kamu suka konten seperti ini, jangan lupa share dan tinggalkan komentar ya!


Sampai jumpa di tutorial selanjutnya. 👋



Komentar

Posting Komentar

Postingan populer dari blog ini

Macam Macam Sistem Operasi Smartphone

Gambar
  Macam Macam Sistem Operasi Smartphone  . hai guys, mungkin sebagian besar dari pengguna smartphone di dunia adalah sistem operasi  Android , Tapi tahukah kamu, sebenarnya masih banyak kok sistem operasi yang patut kamu coba. diantaranya adalah  IOS, Windows Phone, Blackberry, Symbian, Firefox, Ubuntu Mobile, MeeGo, Palm, WebOS, Bada, dan Tizen . Banyak juga kan guys, dan mungkin masih ada lagi, tapi saya cuma dapet itu doang . hehehe oke, kita mulai dari sistem operasi itu sendiri. - Sistem Operasi (Operating System : OS)  adalah komponen pengolah peranti lunak dasar (essential component) tersistem sebagai pengelola sumber daya perangkat keras komputer (hardware), dan menyediakan layanan umum untuk aplikasi perangkat lunak. Sistem operasi mempunyai penjadwalan yang sistematis mencakup perhitungan penggunaan memori, pemrosesan data, penyimpanan data, dan sumber daya lainnya. Sistem operasi adalah perangkat lunak sistem yang bertugas untuk melakukan kontrol dan ...
Baca selengkapnya

UI/UX Alfin XI RPL1

Gambar
Judul: Menyusuri Dunia Pemrograman Mobile: Perjalanan Saya di Tahap UI/UX Saat ini, dunia pemrograman mobile semakin berkembang pesat, dan saya merasa tertantang untuk ikut berkontribusi dalam dunia yang sangat dinamis ini. Salah satu bagian yang paling menarik dari pengembangan aplikasi mobile adalah tahap desain, khususnya UI (User Interface) dan UX (User Experience). Kedua elemen ini memegang peran krusial dalam menciptakan aplikasi yang tidak hanya fungsional, tetapi juga enak digunakan dan memuaskan penggunanya. Mengapa UI/UX itu Penting? Sebelum terjun ke dalam pemrograman, saya sempat bertanya-tanya mengapa UI/UX begitu vital dalam pengembangan aplikasi mobile. Ternyata, ini adalah fondasi yang membentuk bagaimana pengguna berinteraksi dengan aplikasi. UI berfokus pada elemen-elemen visual seperti layout, warna, tombol, dan ikon, sementara UX berhubungan dengan bagaimana pengguna merasakan pengalaman saat menggunakan aplikasi tersebut. Jika sebuah aplikasi memiliki UI yang m...
Baca selengkapnya

2 ARTIKEL PENGEMBANGAN GIM

Gambar
Artikel 1:Pengembangan Gim: Pengertian, Tahapan, dan Peran Tim Perkembangan teknologi digital membuat industri gim berkembang sangat pesat. Gim tidak hanya digunakan sebagai hiburan, tetapi juga sebagai media edukasi, simulasi, hingga sarana bisnis. Di balik sebuah gim yang menarik, terdapat proses panjang yang disebut pengembangan gim (game development). Pengertian Pengembangan Gim Pengembangan gim adalah proses pembuatan gim mulai dari perencanaan ide, desain, pemrograman, hingga gim siap dimainkan oleh pengguna. Proses ini melibatkan berbagai disiplin ilmu seperti desain grafis, pemrograman, audio, dan manajemen proyek. Tahapan Pengembangan Gim Secara umum, pengembangan gim terdiri dari beberapa tahap utama, yaitu: 1. Konsep dan Perencanaan Pada tahap ini, pengembang menentukan ide gim, genre, target pemain, serta platform yang digunakan (PC, mobile, atau console). 2. Desain Gim Tahap ini meliputi pembuatan alur cerita, karakter, level, mekanik permainan, dan antarmuka pengguna (UI)...
Baca selengkapnya