🚀 Tutorial Laravel 12 + Filament 4 + Tailwind CSS

Assalamu’alaikum warahmatullahi wabarakatuh, Halo teman-teman semua 👋

Pada repository ini, kita akan belajar membangun aplikasi pencatatan keuangan sederhana menggunakan Laravel 12 dengan integrasi Filament 4 sebagai admin panel modern, serta Tailwind CSS untuk styling bawaan yang rapi.

Studi kasus ini memanfaatkan Filament Panel & Resource sehingga setup CRUD, autentikasi, tabel, dan form sudah siap pakai.

Dengan pendekatan ini, kita tidak perlu membangun dashboard dari nol. Filament menyediakan UI berbasis Tailwind yang clean dan powerful, sehingga workflow development lebih cepat dan simpel.

🧩 Teknologi yang Digunakan

• Laravel 12 → Framework PHP terbaru, sebagai backend utama.
• Filament 4 → Admin panel modern untuk membangun CRUD dengan cepat.
• Tailwind CSS → Utility-first CSS framework untuk tampilan modern & responsif.
• MySQL → Database untuk menyimpan data transaksi.

📦 Studi Kasus Aplikasi Keuangan

1. Transaksi (Filament Resource)

• Menambahkan, mengedit, menghapus, dan menampilkan transaksi.
• Field utama: date, type (income/expense), category, amount, note.
• CRUD otomatis menggunakan Filament Resource dengan tabel & form yang elegan.

2. Kategori

• Manajemen kategori pemasukan & pengeluaran.
• Contoh kategori: Gaji, Transportasi, Makanan, Tagihan, Hiburan, dll.

3. Dashboard Keuangan

• Menampilkan ringkasan: total pemasukan, total pengeluaran, dan saldo (pemasukan – pengeluaran).
• Visualisasi data sederhana dengan Filament Widgets (chart dan statistik box).

4. Authentication

• Autentikasi user bawaan Laravel sudah terintegrasi dengan Filament.
• Mendukung login, register, dan middleware auth untuk akses dashboard.

5. Styling dengan Tailwind CSS

• Semua komponen tabel, form, dan dashboard sudah built-in Tailwind CSS melalui Filament.
• Tampilan clean, responsif, dan mudah dikustomisasi.

🤝 Kontribusi

Jika menemukan bug atau ingin menambahkan fitur, silakan buat issue atau ajukan pull request. Mari belajar dan berkembang bersama 🚀

📄 Lisensi

Proyek ini dirilis di bawah MIT License.

#️⃣ Hashtags

#Laravel12 #Filament #TailwindCSS #FinanceApp #CRUD #FullStack #PHP #WebDevelopment #MySQL #OpenSource #Coding #BelajarLaravel #lagikoding