Membuat Pinterest Clone Dengan Menggunakan Flutter | 4 Navbar | MUHAMMAD RASYA RAKA P

-

 Baik, aku buatkan ringkasannya berdasarkan project Flutter yang sudah kamu kerjakan 👇

📌  Project Flutter: Pinterest Clone dengan Navbar

Project ini adalah aplikasi Flutter sederhana yang meniru tampilan Pinterest, dengan tambahan navigasi Bottom Navigation Bar untuk berpindah antar halaman (Home, Search, Favorite, Profile).

✨ Fitur Utama:

  1. Halaman Home (Pinterest Style)

    • Menampilkan grid foto dengan desain mirip Pinterest.

    • Setiap foto punya judul + ikon kategori (Travel, Food, Music, Fashion, Nature, Tech, Sport, Art).

    • Saat ditekan, muncul notifikasi SnackBar berisi kategori yang dipilih.

  2. Halaman Search

    • Memiliki AppBar bertuliskan "Search".

    • Body menampilkan teks besar "Halaman Pencarian".

  3. Halaman Favorite

    • AppBar bertuliskan "Favorite".

    • Body menampilkan teks besar "Halaman Favorit".

  4. Halaman Profile

    • AppBar bertuliskan "Profile".

    • Body menampilkan teks besar "Halaman Profil".

  5. Bottom Navigation Bar

    • Berisi 4 menu:

      • 🏠 Home

      • 🔍 Search

      • ❤️ Favorite

      • 👤 Profile

    • Saat ditekan, otomatis berpindah halaman sesuai menu.

🎨 Desain

  • Menggunakan Material 3.

  • Warna utama: orange (colorSchemeSeed: Colors.orange).

  • Card dengan rounded corners + shadow agar tampilan lebih profesional.

  • Foto diambil dari https://picsum.photos untuk placeholder.






PROJEKNYA BISA DILIHAT https://zo1vs06ixo1vt.zapp.page/#/


👉 Jadi, aplikasi ini sudah menyerupai aplikasi profesional dengan multi-page navigation + grid layout seperti Pinterest.


Komentar

Posting Komentar

Postingan populer dari blog ini

Mendesain Prototype Aplikasi Social Dan Didalamnya Ada Ask, Send Dan Ada Room Discuss

-
Gambar
  Mendesain UI/UX Aplikasi Forum Sosial di Figma Bisa dilihat disini: https://www.figma.com/proto/DFQw2sn0b0H6a2DpDxq3AW/Untitled?node-id=2-63&p=f&t=ARyjIO3GyC36Yv9A-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=2%3A43&show-proto-sidebar=1 Dalam dunia digital saat ini, UI (User Interface) dan UX (User Experience) memegang peranan penting dalam kesuksesan sebuah aplikasi. Desain yang menarik namun tetap fungsional akan membuat pengguna betah berinteraksi. Pada artikel ini, kita akan membahas contoh desain aplikasi forum sosial menggunakan Figma , dengan referensi konsep dari prototipe yang ditampilkan pada mockup mobile. 1. Konsep Desain Tema desain yang dipilih adalah aplikasi forum sosial anonim , tempat pengguna bisa berbagi pemikiran, pengalaman, maupun curahan hati. Elemen yang ditampilkan antara lain: Header sederhana dengan ikon profil, notifikasi, dan pengaturan. Kolom interaksi (Ask | Respon | Send...
Baca selengkapnya

JEJAK DAN LANGKAH ABU ABDULLAH AL MUTHI NAWAWI AL TANARI AL BANTHANI

-
Gambar
  1. Riwayat Hidupnya  Nama lengkap beliau adalah Abu Abdul Mu’ti Muhammad bin Umar al-Tanara al Jawi al-Bantani. Dikenal juga dengan nama Muhammad Nawawi al-Jawi al-Bantani. Lebih terkenal dengan nama Syekh atau Imam Nawawi Banten. Ayahnya adalah Umar bin Arabi yang merupakan seorang ulama di Bante n.  Dikisahkan juga, bahwa Syekh Nawawi masih keturunan dari Sunan Gunung Jati (salah satu Wali Songo) dari Sultan Banten I, yakni Maulana Hasanuddin. Imam Nawawi juga dikabarkan masih memiliki jalur nasab dari Sayyidina Husein r.a, salah satu cucu Rasulullah Saw. selain Sayyidina Hasan r.a.  Sebutan al-Jawi, menunjukkan bahwa beliau berasal dari Pulau Jawa, sebab Banten menjadi bagian dari Pulau Jawa. Namun, di seantero dunia, beliau diberi gelar Sayyidul Hijaz (Maha Guru Jazirah Arab, Saudi Arabia sekarang). Kebesaran nama Imam Nawawi sepadan dengan Imam Syafi’i (salah satu tokoh madzhab, sehingga dikenal dengan Madzhab Syafi’i). Beliau dilahirkan di Kampung Tanara, Ser...
Baca selengkapnya