https://github.com/rizz404/master_plan_rizz

https://github.com/rizz404/master_plan_rizz

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/rizz404/master_plan_rizz
• Owner: Rizz404
• Created: 2025-03-14T14:33:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-15T03:10:54.000Z (over 1 year ago)
• Last Synced: 2025-07-25T07:48:21.745Z (11 months ago)
• Language: C++
• Size: 2.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Praktikum 1: Dasar State dengan Model-View

![GIF Praktikum 1](assets/images/praktikum-1.gif)

## Penjelasan

Di praktikum pertama belajar tentang dasar-dasar state management dengan pendekatan Model-View. Intinya, akan bikin model untuk menyimpan data task dan daftar plan, lalu menampilkannya di UI.

**Langkah-langkahnya:**

1. **Buat Project Baru** dengan nama `master_plan`.

2. **Bikin Model Task dan Plan** untuk menyimpan daftar task dan plan.

3. **Gabungin Semua Model di `data_layer.dart`** biar lebih rapi.

4. **Siapkan `main.dart`** untuk mengarah ke `PlanScreen`.

5. **Bikin `PlanScreen`** sebagai layar utama.

6. **Tambah Tombol Add Task**, biar bisa nambah task baru.

7. **Bikin ListView untuk Menampilkan task**.

8. **Tambahkan Checkbox dan TextField** buat edit dan checklist task.

9. **Gunakan ScrollController** biar UI tetap nyaman dipakai.

10. **Tambahkan `dispose()`** buat bersihin resource kalau widget udah nggak dipakai.

---

# Praktikum 2: Provider sebagai State Management

![GIF Praktikum 2](assets/images/praktikum-2.gif)

## Penjelasan

Nah, di praktikum kedua mulai pakai `Provider` buat state management. Tapi bukan library `provider` sih, cuma pake `InheritedWidget` dan `InheritedNotifier` yang tersedia native dari flutter

**Langkah-langkahnya:**

1. **Buat `PlanProvider`** sebagai kelas yang nge-handle state.

2. **Update `main.dart`** buat nge-wrap aplikasi pakai `ValueNotifier`.

3. **Pindahin Logika State ke `PlanProvider`**, jadi UI nggak perlu langsung mengelola state.

4. **Gunakan `ValueListenableBuilder`** di `PlanScreen` buat update tampilan secara otomatis saat data berubah.

5. **Refactor `FloatingActionButton`** supaya nambah task pakai `Provider`.

6. **Refactor Checkbox dan TextField** supaya update state juga pakai `Provider`.

---

# Praktikum 3: Perubahan Navigasi dan UI

![GIF Praktikum 3](assets/images/praktikum-3.gif)

## Penjelasan

Di praktikum ini, fokus ke perubahan UI dan navigasi dengan `Navigator.push()`. Sebelumnya, `PlanCreatorScreen` masih bagian dari `PlanScreen`, sekarang buat jadi halaman terpisah.

**Langkah-langkahnya:**

1. **Pisahkan `PlanCreatorScreen`** jadi halaman sendiri.

2. **Gunakan `Navigator.push()`** untuk berpindah dari `PlanScreen` ke `PlanCreatorScreen`.

3. **Tambahkan `Scaffold` di `PlanScreen`**, biar lebih standar.

4. **Gunakan `SafeArea`** supaya UI nggak ketutup notch di beberapa HP.

5. **Perbaiki Struktur Widget** supaya lebih rapi dan maintainable.

6. **Optimasi UI** dengan padding dan styling biar lebih enak dilihat.

**Lampiran:**

https://drive.google.com/drive/folders/11k9Pwdd1ptUISeCJj7Zj_DUpAUgjELox?usp=sharing