Tutorial Laravel dan ReactJS #0 : Aplikasi Tabungan

 


Tutorial Laravel dan ReactJS #1: Persiapan dan Instalasi Lingkungan Pengembangan

Instalasi Laravel, React, Bootstrap, SweetAlert, serta konfigurasi awal database.

Tutorial Laravel dan ReactJS #2: Membangun Database dan Model untuk Sistem Tabungan

Membuat migration, model, dan relasi untuk tabel users, roles, accounts (tabungan), serta transactions.

Tutorial Laravel dan ReactJS #3: Autentikasi Multi-Level (Admin & Petugas) dengan Laravel Sanctum

Implementasi login, register, dan manajemen role menggunakan Laravel Sanctum untuk keamanan API.

Tutorial Laravel dan ReactJS #4: Membuat API untuk Manajemen Pengguna (Admin dan Petugas)

CRUD data pengguna (admin dan petugas) melalui endpoint API, dilengkapi dengan middleware role.

Tutorial Laravel dan ReactJS #5: API Transaksi Nabung dan Tarik Tunai oleh Petugas

Membangun endpoint untuk petugas dalam melakukan transaksi penyetoran dan penarikan dana nasabah.

Tutorial Laravel dan ReactJS #6: API Laporan Mutasi Rekening dan Total Saldo Nasabah

Menyediakan data riwayat transaksi dan saldo terkini untuk setiap nasabah.

Tutorial Laravel dan ReactJS #7: Setup React Router, Bootstrap, dan SweetAlert di Frontend

Mengintegrasikan React Router untuk navigasi, Bootstrap untuk tampilan, dan SweetAlert untuk notifikasi.

Tutorial Laravel dan ReactJS #8: Halaman Login Nasabah dan Autentikasi dengan API

Membuat form login nasabah yang terhubung ke API Laravel, serta menyimpan token untuk akses data.

Tutorial Laravel dan ReactJS #9: Dashboard Nasabah – Menampilkan Total Saldo dan Mutasi

Menampilkan informasi saldo terkini dan daftar transaksi (mutasi) dalam tabel yang rapi dengan Bootstrap.

Tutorial Laravel dan ReactJS #10: Notifikasi Interaktif dengan SweetAlert pada Aksi Nasabah

Menambahkan SweetAlert untuk konfirmasi logout, notifikasi sukses/gagal saat mengambil data transaksi, dan error handling.

Tutorial Laravel dan ReactJS #11: Menyempurnakan Keamanan dan Validasi di Sisi Client & Server

Validasi input, proteksi route, dan penanganan error dari API untuk pengalaman pengguna yang aman.

Tutorial Laravel dan ReactJS #12: Testing dan Deployment Aplikasi Tabungan Bank

Uji coba fitur secara keseluruhan, build React untuk production, dan deploy ke hosting/shared server.

Lebih baru Lebih lama

نموذج الاتصال