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/#/ 

Komentar

Postingan populer dari blog ini

๐Ÿš€ Belajar Flutter Sambil Ngabuburit: Bikin Widget Gampang Banget!

BIKIN TAMPILAN IG SENDIRI PAKE FIGMA YANG KECE DAN KEREN