Rivaldi 48

Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter - Biar Tagihan Nggak Lupa Lagi!

Halo sobat 48😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter.

Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter

Pernah kebingungan kapan harus bayar langganan? Entah itu Wi-Fi, listrik, Spotify, Netflix, atau sewa rumah? Aplikasi Subscription Tracker ini aku buat dengan Flutter, untuk membantu mengatur semua tagihan berulang secara otomatis.

Fitur Utama Aplikasi:

1. Kelola Langganan dengan Mudah

Tambahkan berbagai langganan beserta harga, kategori, dan catatan sesuai kebutuhanmu.

2. Pengingat Otomatis (Reminder)

Dapat notifikasi sebelum jatuh tempo yang bisa disesuaikan, misalnya H-3 atau H-7 sebelum tagihan.

3. Auto Repeat Bulanan

Tagihan akan otomatis diperbarui ke bulan berikutnya tanpa perlu buka aplikasi lagi.

4. Tampilan Jatuh Tempo yang Jelas

Kamu bisa langsung lihat daftar semua langganan lengkap dengan info tanggal jatuh tempo dan jumlah hari tersisa.

Teknologi yang digunakan:

• Flutter (cross-platform Android & iOS)

• SQLite (sqflite) untuk penyimpanan lokal

• Dropdown Search (dropdown_search) agar mudah memilih kategori

• Chart (fl_chart) untuk mengetahui pengeluaran berdasarkan kategori

• WorkManager untuk penjadwalan otomatis di background

• Local Notification (flutter_local_notifications) untuk pengingat real-time

Cara Pakainya:

1. Buka aplikasi dan tambahkan langganan baru (nama, harga, tanggal jatuh tempo, reminder, dll).

2. Aktifkan fitur auto repeat kalau tagihannya rutin setiap bulan.

3. Aplikasi akan otomatis menjadwalkan notifikasi sebelum jatuh tempo.

4. Duduk santai, aplikasi yang ingatkan kamu 😝

Perizinan Notifikasi

Daftar Tagihan

Sorting Data

Cari Data

Isi Data

Data yang diisi

Chart Kategori

Daftar Biaya Per Kategori

Daftar Bulanan

Swipe Hapus & Edit

Notifikasi Tagihan

Aku bikin aplikasi ini karena terkadang lupa bayar tagihan bulanan (dan kadang baru sadar kalau sudah pertengahan bulan 😂). Sekarang semua lebih rapi dan otomatis!

Kalau kamu juga sering kelupaan, kira-kira fitur apa lagi yang seru kalau ditambahkan? Coba kamu berikan saran di kolom komentar ya!

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter ini.

Subscribe juga blog Rivaldi 48 ini agar kamu mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kamu lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih.

Follow Instagram Admin @azhardvls_

#Flutter #MobileDevelopment #OpenSource #SubscriptionTracker #ProductivityApp

Azhar Rivaldi 11/13/2025

Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI

Tutorial Flutter

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI.

Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI

Aplikasi Kuis Online ini saya buat sederhana ya. Di menu utama menampilkan kategori kuis. Jika di tekan, maka akan muncul level soal yang bisa kamu pilih.

Kalau sudah memilih level, kamu bisa tekan tombol mulai kuis. Setelah selesai mengerjakan soal, maka akan muncul skor yang kalian dapatkan beserta pembahasannya.

Aplikasi Kuis Online ini menggunakan API dari Google Gemini AI. Jadi sebelum mencoba tutorial ini, kamu harus membuat API KEY terlebih dahulu DISINI.

Silakan Login dengan akun Google kamu ya. Untuk dokumentasinya bisa kamu lihat DISINI.

Tutorial Membuat Aplikasi dengan Gemini AI Android Studio

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/29/2025

Tutorial Membuat Aplikasi E-Commerce dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi E-Commerce dengan Flutter

Untuk tampilan aplikasinya, di Menu Utama terdapat kategori produk dan daftar produk. Ada Floating Tab untuk mencari produk dan Tab untuk melihat riwayat pembelian.

Ketika memilih salah satu produk, akan menampilkan detail dari produk tersebut. Seperti nama brand, nama produk, rating produk tersebut, dan harga promo.

Kamu tekan "Add to Cart" untuk memasukkan produk ke keranjang. Di Page Cart, kamu bisa hapus produk yang tidak ingin dibeli dengan cara geser ke kiri. Jika mau membayar, tekan "Checkout".

Di Page Checkout, kamu masukkan terlebih dahulu alamat pengiriman dan catatan. Jika pembayaran sukses, maka produk yang dipesan akan muncul di Page History.

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi E-Commerce dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/25/2025

Tutorial Membuat Aplikasi Resep Makanan dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Resep Makanan dengan Flutter

Aplikasi Resep Makanan ini menampilkan makanan berdasarkan kategori. Jadi, di Menu Utama terdapat beberapa kategori makanan yang bisa kamu pilih.

Setelah kamu pilih kategori, maka akan muncul daftar makanannya. Dari situ kamu bisa pilih untuk melihat detail resep makanan tersebut.

Detailnya berisi bahan-bahan yang digunakan, jumlah takaran bahan-bahan, langkah-langkah untuk memasak, dan juga video demo memasaknya.

Kamu bisa cari resep makanan dari kolom pencarian. Selain itu, resep makanan juga bisa kamu simpan kedalam Menu Favorit. Jadi, jika sewaktu-waktu ingin mempraktikkan tinggal buka saja dari Menu Favorit.

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Resep Makanan dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/20/2025

Tutorial Membuat Aplikasi Movie dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Movie dengan Flutter

Jadi, sebelum mejalankan aplikasi dari tutorial ini, kamu wajib membuat API KEY terlebih dahulu ya. Tanpa API KEY MovieDB, aplikasi tidak akan berjalan.

Mungkin API The MovieDB sudah tidak asing lagi bagi sebagian developer ya, karena jika kalian mengikuti Submission dari Dicoding maka kalian akan disuruh membuat aplikasi MovieDB ini.

Nah, tetapi untuk kali ini saya buat dengan versi saya sendiri untuk keperluan konten. Disini saya buat dengan Flutter dan database SQflite untuk penyimpanan lokalnya.

Dengan aplikasi MovieDB ini, kamu bisa mendapatkan banyak fitur. Ada daftar Movie, daftar Film TV dan saya sertakan Trailernya yang bisa kamu tonton. Kamu juga bisa mencari film dengan keyword dan favorit film kesukaan kamu.

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Movie dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/13/2025

Tutorial Membuat Aplikasi Hitung Kalori dengan Flutter Gemini AI

Tutorial Flutter

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Hitung Kalori dengan Flutter Gemini AI.

Aplikasi Hitung Kalori dengan Flutter Gemini AI

Aplikasi Hitung Kalori ini memungkinkan untuk kamu membuat target kalori yang dibutuhkan setiap harinya.

Kamu cukup masukkan beberapa data seperti berat badan, tinggi badan, umur kamu, tujuan kamu, dan jenis kelamin.

Nanti setelah mengisi form tersebut, barulah muncul jumlah kalori yang kamu butuhkan. Cara kerjanya, kamu cukup ambil gambar makanan kamu lalu upload.

Setelah itu, Gemini AI akan menentukan jumlah kalori dari makanan tersebut. Jika kamu merasa ada kesalahan dari Gemini AI dalam menganalisa, kamu bisa edit datanya.

Kamu juga bisa melihat progress mingguan dari target kalori yang kamu sudah lakukan. Untuk daftar makanannya juga dapat dihapus ya.

Aplikasi Hitung Kalori ini menggunakan API dari Google Gemini AI. Jadi sebelum mencoba tutorial ini, kamu harus membuat API KEY terlebih dahulu DISINI.

Silakan Login dengan akun Google kamu ya. Untuk dokumentasinya bisa kamu lihat DISINI.

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Hitung Kalori dengan Flutter Gemini AI ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/07/2025

Tutorial Membuat Aplikasi Music Player dengan Flutter

Tutorial Flutter

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Music Player dengan Flutter.

Tutorial Membuat Aplikasi Music Player dengan Flutter

Aplikasi Music Player ini menampilkan daftar lagu dari smartphone kamu ya. Di Menu Utama ada dafrtar lagu, daftar album dan daftar artis.

Ketika kamu pilih lagu, maka otomatis akan memutar lagu tersebut. Di Menu Putar Lagu terdapat fitur layaknya aplikasi musik bawaan smartphone. Ada fitur shuffle, next song, prev song, repeat all, repeat only one dan animasi equalizer.

Selain itu, judul lagu yang terlalu panjang akan berjalan. Karena aku tambahkan fitur running text marquee agar tampilan lebih clean. Kamu bisa kembangkan lagi ya! Misal mau menambahkan fitur lagu favorit atau membuat playlist. Karena library-nya sudah support.

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Music Player dengan Flutter ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_