🚀 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, serta peta yang langsung muncul di halaman. Jadi kamu bisa langsung cari rute dan kontak dengan mudah!

Terima kasih sudah mampir! Kalau ada yang mau ditanyakan atau ingin aku buatkan tutorial lengkapnya, tulis aja komentar di bawah ya! 🙌

Komentar

Posting Komentar

Postingan populer dari blog ini

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

📱 Aplikasi Jadwal Guru Akatsuki - Solusi Simpel Atur Jadwal Mengajar 🎯

Gambar
✨  Fitur CRUD Kekinian + Tema Akatsuki yang Memukau!  ✨ Halo, guru-guru keren! 👋 Hari ini aku mau share project terbaruku:  Aplikasi Jadwal Guru Akatsuki  - teman setia untuk mengatur jadwal mengajar dengan gaya ninja! ⚡   ---   🌟  Keunggulan Aplikasi 1.  Tema Akatsuki Epic  🖤❤️      - Desain dark mode merah-hitam khas Akatsuki      - Efek gradien dan card tematik   2.  Fitur CRUD Powerfull    ➕ Tambah jadwal super cepat      👀 Lihat jadwal dalam list rapi      ✨ Edit dengan satu klik      🚮 Hapus dengan konfirmasi   3.  User Experience Juara    🎯 Form input simpel      🔄 Scroll smooth untuk banyak jadwal      📱 Responsive di semua device   4.  Tanpa Ribet    🚫 No permission needed      🔄 Dat...
Baca selengkapnya