Rega

 import 'package:flutter/material.dart'; import 'dart:html' as html; // khusus Flutter Web untuk buka link void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Pesanan Online Kantin via anak rpl',       debugShowCheckedModeBanner: false,       theme: ThemeData(         colorSchemeSeed: Colors.teal,         useMaterial3: true,       ),       home: const MenuPage(),     );   } } class MenuPage extends StatefulWidget {   const MenuPage({super.key});   @override   State<MenuPage> createState() => _MenuPageState(); } class _MenuPageState extends State<MenuPage> {   final List<Map<String, dynamic>> menuItems = [     {"nama": "jus alpu...

 📘 Materi CRUD Flutter + MockAPI 1. Apa itu CRUD? CRUD adalah singkatan dari: Create → Menambahkan data baru Read → Menampilkan data Update → Mengubah data Delete → Menghapus data Dalam aplikasi Flutter, CRUD biasanya terhubung dengan API agar data bisa disimpan di server. 2. Tools yang digunakan Flutter → Framework untuk membuat aplikasi mobile multiplatform. MockAPI → API palsu (fake API) untuk simulasi backend (mirip database online). HTTP package (http) → Untuk komunikasi Flutter dengan API (GET, POST, PUT, DELETE). 3. Struktur Proyek main.dart → Tempat logika UI dan pemanggilan API. pubspec.yaml → Untuk menambahkan dependency seperti http. 4. Alur CRUD di Flutter a) Create (Tambah Data) Menggunakan POST request: void createData(String name, String email) async {   final response = await http.post(     Uri.parse("https://yourapi.mockapi.io/users"),     body: {"name": name, "email": email},   ); } b) Read (Tam...