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.
====================================================
Materi Lanjutan (Admin+Petugas Versi React)
- Tutorial Laravel dan ReactJS #13: Halaman Login Multi-Level (Admin & Petugas) di React
- Tutorial Laravel dan ReactJS #14: Dashboard Admin – Manajemen Pengguna (CRUD) dengan React
- Tutorial Laravel dan ReactJS #15: Dashboard Petugas – Form Transaksi Setor dan Tarik Tunai
- Tutorial Laravel dan ReactJS #16: Dashboard Petugas – Melihat Mutasi Nasabah
- Tutorial Laravel dan ReactJS #17: Fitur Ubah Password untuk Semua Level Pengguna
- Tutorial Laravel dan ReactJS #18: Menambahkan Fitur Profil dan Edit Profil
- Tutorial Laravel dan ReactJS #19: Laporan Transaksi (Admin) – Filter dan Export
- Tutorial Laravel dan ReactJS #20: Finalisasi dan Penyempurnaan Aplikasi