🍲 Aplikasi Jastip Baso Soteng dengan Flutter


Halo semuanya! 👋

Di artikel ini saya Afrizal Herlambang mau berbagi project kecil yang saya buat menggunakan **Flutter**. Project ini berupa aplikasi **Jastip Baso Soteng**, yaitu aplikasi sederhana untuk memesan makanan online.


Aplikasi ini saya buat dengan tujuan belajar **Flutter Web** dan juga biar lebih mudah kalau ada yang mau pesan jajanan lewat WhatsApp.


---


### ✨ Fitur Utama


* Menampilkan daftar menu jajanan (**Baso Soteng, Piscok, Karoket Bihun, dan Donat**).

* Bisa menambah/mengurangi jumlah pesanan.

* Hitung otomatis total harga pesanan.

* Tersedia tombol **Pesan Sekarang** yang langsung terhubung ke WhatsApp penjual.

* Desain simpel tapi modern, cocok untuk UMKM kuliner.


---


### 🛠️ Teknologi yang digunakan


* **Flutter** (untuk frontend aplikasi)

* **Dart** (bahasa pemrograman)

* **WhatsApp API (wa.me)** untuk mengirim pesanan


---


### 📸 Tampilan Aplikasi



Aplikasi ini tampilannya sederhana, ada list menu dengan foto, deskripsi, dan tombol tambah/kurangi jumlah pesanan.

Di bawahnya ada total harga dan tombol untuk memesan.


---


### 💻 Main Code Flutter (Link Pastecode)


Kode lengkap aplikasi **Jastip Baso Soteng** sudah saya simpan di Pastecode agar lebih rapi.

👉 [Klik untuk lihat kode  lengkap]

https://pastecode.io/s/bjo6v0rz


---


### 🎮 Coba Aplikasi Langsung


Kamu bisa langsung mencoba aplikasi ini secara online tanpa install apapun.

👉 [Klik di sini untuk mencoba demo aplikasi]

https://zva2061xva30.zapp.page/#/


---


### 📲 Cara Menggunakan (jika run di lokal)


1. Clone atau buat project Flutter baru.

2. Copy kode dari link Pastecode ke file `main.dart`.

3. Jalankan aplikasi di **Chrome** dengan perintah:


   ```

   flutter run -d chrome

   ```

4. Klik tombol **Pesan Sekarang** untuk mengirim order via WhatsApp.


---


### 🚀 Kesimpulan


Dengan sedikit modifikasi di bagian menu, aplikasi ini bisa langsung menyesuaikan dengan produk yang dijual.

Sekarang, aplikasi **Jastip Baso Soteng** sudah bisa digunakan untuk jualan **Baso Soteng, Piscok, Karoket Bihun, dan Donat**.

Pengunjung juga bisa langsung **mencoba aplikasi demo** sebelum mengunduh atau mengedit kodenya.


---

Komentar

Posting Komentar

Postingan populer dari blog ini

🚀 Project Flutter Web: Lokasi Mie Gacoan dengan Google Maps & WhatsApp 📍📱

Hai teman-teman! 👋 Kali ini aku mau share project Flutter Web yang aku buat untuk tugas, yaitu aplikasi sederhana yang membantu kita menemukan lokasi Mie Gacoan Banjar Mayjen dengan mudah lewat peta Google Maps dan langsung bisa chat via WhatsApp! ✨ Fitur Utama 🗺️ Tampilan peta interaktif menggunakan Google Maps embed iframe 📍 Mendapatkan lokasi kamu secara otomatis (kalau diizinkan browser) 🚗 Tombol navigasi yang langsung mengarahkan kamu ke Gacoan lewat Google Maps 💬 Tombol WhatsApp untuk chat langsung ke nomor Gacoan tanpa ribet 🛠️ Teknologi yang Digunakan 💙 Flutter Web : untuk UI modern dan responsif 🌐 dart:html : akses fitur browser seperti geolocation dan membuka link baru 🗺️ Google Maps Embed API : tampilkan peta tanpa ribet dengan iframe 🔥 Kode Main Code [ https://pastecode.io/s/mx3i4opd] 🎨 Tampilan Aplikasi Aplikasi ini hadir dengan desain yang fresh dan clean, pakai warna merah khas Gacoan, tombol besar yang mudah ditekan, s...
Baca selengkapnya

kode program Flutter untuk aplikasi To-Do List dengan fitur CRUD menggunakan database SQLite

  Berikut adalah contoh kode program Flutter untuk aplikasi To-Do List dengan fitur CRUD menggunakan database SQLite: 1. Tambahkan Dependency di pubspec.yaml dependencies: flutter: sdk: flutter sqflite: ^2.3.0 path: ^1.8.0 path_provider: ^2.1.1 2. Model ToDo class ToDo { final int? id; final String title; final String description; ToDo({this.id, required this.title, required this.description}); Map<String, dynamic> toMap() { return { 'id': id, 'title': title, 'description': description, }; } factory ToDo.fromMap(Map<String, dynamic> map) { return ToDo( id: map['id'], title: map['title'], description: map['description'], ); } } 3. Database Helper import 'package:sqflite/sqflite.dart'; import 'package:path/path.dart'; import 'package:path_provider/path_provider.dart'; import 'dart:io'; import 'todo.dart...
Baca selengkapnya