Bikin aplikasi pake konsep CRUD di zapp.run, GAMPANG BANGET!!

 Pembukaan📱💻

"Gengs, lo pernah nggak sih pengen bikin aplikasi yang bisa tambah, edit, hapus, dan liat data?
Nah, itu namanya konsep CRUD.

Gua kemarin iseng bikin CRUD Flutter, tapi temanya lucu… List Tempat Bermain 😆"

---

Penjelasan Singkat
🎯 CRUD itu apaan sih?

• Create → nambah data

• Read → ngeliat data

• Update → ngedit data

• Delete → hapus data
  ✨ Semua developer wajib paham konsep ini, karena hampir semua aplikasi punya ini.

---

Fitur di Aplikasi Ini
🔥 Fitur:

• Tambah tempat bermain + foto 🎠

• Edit kalo salah ngetik ✏️

• Hapus kalo udah tutup 🚫

• Simpan data biar nggak ilang pas app ditutup 💾

• Background dark mode biar nggak nyilauin mata 🌑

---

Potongan Kode
📌 Part penting: Model + Penyimpanan Lokal

class Place {
  String name;
  String location;
  String imageUrl;

  Place({required this.name, required this.location, this.imageUrl = ''});

  Map<String, dynamic> toMap() => {
    'name': name,
    'location': location,
    'imageUrl': imageUrl,
  };

  factory Place.fromMap(Map<String, dynamic> map) => Place(
    name: map['name'],
    location: map['location'],
    imageUrl: map['imageUrl'] ?? '',
  );
}

---

Potongan Kode Lanjutan
📌 Part penting: Simpan & Load Data

Future<void> savePlaces() async {
  final prefs = await SharedPreferences.getInstance();
  final data = jsonEncode(places.map((e) => e.toMap()).toList());
  await prefs.setString('places', data);
}

Future<void> loadPlaces() async {
  final prefs = await SharedPreferences.getInstance();
  final data = prefs.getString('places');
  if (data != null) {
    final List decoded = jsonDecode(data);
    setState(() {
      places = decoded.map((e) => Place.fromMap(e)).toList();
    });
  }
}

---

Slide 6 / Penutup
💬

"Nah tuh, udah punya modal bikin app CRUD sendiri.
Lo tinggal tambahin UI cantik + logika sesuai kebutuhan.

Kalau mau, bisa langsung paste kodenya di zapp.run biar cepet test-nya. 🚀"

Pengen nyoba punya gue? nih gue kasih kode nya : https://zd6g06yvd6h0.zapp.page/#/