Postingan

Menampilkan postingan dari Agustus, 2025

Animao sign in and sign up

🎌 Penjelasan Kode Flutter Animao App Panduan lengkap memahami struktur dan komponen aplikasi Animao yang dibuat dengan Flutter 🔗 Buka Aplikasi Animao 🏗️ Struktur Dasar Aplikasi AnimaoApp → Kelas utama yang mengatur tema dan routing aplikasi WelcomeScreen → Halaman pembuka dengan background anime dan tombol Sign In/Up SignInScreen → Halaman login dengan form email dan password SignUpScreen → Halaman registrasi dengan form lengkap 🎨 Komponen Background & Image 📸 Image.network() Berfungsi untuk menampilkan gambar dari internet sebagai background. Dilengkapi dengan: loadingBuilder → Menampilkan loading spinner saat gambar dimuat errorBuilder → Menampilkan fallback jika gambar gagal dimuat fit: BoxFit.cover → Membuat gambar memenuhi seluruh container 🌫️ BackdropFilter Memberikan efek blur pada background image dengan Ima...

Animao - Design App for Anime List

Aplikasi Pencari Anime Aplikasi sederhana untuk para pecinta anime agar lebih mudah menemukan dan menjelajahi judul-judul favorit mereka. 🎨 Konsep Desain Minimalis & Bersih → Tata letak rapi agar informasi anime mudah dibaca Fokus pada Konten → Poster anime ditampilkan menonjol untuk menarik perhatian Interaksi Cepat → Navigasi sederhana agar pencarian terasa ringan dan intuitif 🔍 Fitur Utama Pencarian Anime → Ketik judul anime untuk hasil cepat dan akurat Detail Anime → Sinopsis, genre, rating, dan info penting lainnya tersedia Bookmark / Favorit → Simpan anime favorit untuk akses cepat Tampilan Grid & Card → Anime ditampilkan dalam card elegan untuk pengalaman browsing yang menyenangkan 🌟 Nilai Utama Aplikasi ini bukan hanya alat pencari anime, tetapi juga media eksplorasi yang memungkinkan pengguna menemukan judul baru dengan cara yang menyenangkan dan visual. 📱 Tampilan Pr...

Aplikasi Manajemen Barang Pinjaman dengan Flutter + Fitur Upload Gambar

Daftar Barang Pinjaman: Aplikasi Flutter dengan Penyimpanan Lokal Aplikasi sederhana untuk mencatat barang yang dipinjamkan, lengkap dengan foto, status, dan notifikasi keterlambatan. 🎯 Fitur Utama Tambah, edit, dan hapus data barang pinjaman Pencarian real-time berdasarkan nama barang atau peminjam Filter untuk menampilkan hanya barang yang belum dikembalikan Notifikasi jika barang terlambat (lebih dari 7 hari) Upload foto barang (khusus di web) Catatan tambahan untuk setiap barang Status kembali dan tanggal pengembalian Penyimpanan lokal menggunakan SharedPreferences Tema konsisten dengan nuansa hijau toska dan latar lembut 💻 Kode Lengkap Aplikasi (main.dart) Berikut adalah kode lengkap aplikasi Daftar Barang Pinjaman dalam satu file main.dart . Kamu bisa menyalinnya langsung ke proyek Flutter kamu. import 'package:flutter/material.dart'; import 'package:flutter/material.da...

Flutter UI: Aplikasi Elite Sports Cars

🚗 Flutter UI: Aplikasi Elite Sports Cars Aplikasi ini adalah contoh showcase mobil sport mewah menggunakan Flutter . Didesain dengan tampilan elegan, animasi, dan informasi detail tiap mobil. 📱 Fitur Aplikasi: UI tema gelap modern PageView dengan animasi Bottom Navigation Dialog pop-up deskripsi mobil 🔧 Penjelasan Struktur: MyApp: Set tema dan warna global HomePage: Navigasi mobil dan UI utama CarPage: Tampilkan tiap mobil Car: Model data mobil 💻 Kode Lengkap: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { static const Color primaryColor = Color(0xFF0F172A); static const Color secondaryColor = Color(0xFF1E293B); static const Color accentColor = Color(0xFF3B82F6); static const Color goldAccent = Color(0xFFFBBF24); static const Color cardColor = Color(0xFF1E293B); static const Color backgroundColor = Color(0xFF0F172A); @override Widget build(Buil...