Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS

icon global
Released date March 2025
icon convert
Last updated March 2026
Member

185 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

💰 Cuan: Financial Planner Dengan Laravel dan ReactJS adalah kelas online yang akan membimbing Anda membangun aplikasi pengelolaan keuangan modern dari nol. Dengan kombinasi Laravel, ReactJS, dan InertiaJS, Anda akan belajar bagaimana membuat sistem keuangan yang komprehensif, mulai dari dashboard interaktif, pencatatan pemasukan dan pengeluaran, budgeting, pelacakan aset dan kewajiban, hingga laporan keuangan tahunan yang dapat diakses dengan mudah.

Dalam kelas ini, Anda akan menggunakan Laravel, framework PHP yang powerful dan efisien untuk membangun backend yang cepat, aman, dan mudah dikembangkan. Dengan fitur seperti Eloquent ORM, routing yang fleksibel, dan sistem autentikasi yang kuat, Laravel menjadi pilihan utama untuk pengembangan aplikasi berbasis web.

Di sisi frontend, Anda akan belajar menggunakan ReactJS, library JavaScript yang populer untuk membangun UI yang dinamis dan responsif. Dengan pendekatan berbasis komponen, ReactJS memungkinkan pengembangan antarmuka yang cepat dan modular, memberikan pengalaman pengguna yang lebih interaktif.

Untuk menghubungkan Laravel dan ReactJS dengan lebih seamless, kita akan menggunakan InertiaJS, sebuah teknologi yang menjembatani backend Laravel dan frontend React tanpa perlu API tradisional. InertiaJS memungkinkan pengembangan aplikasi full-stack yang lebih cepat dengan tetap mempertahankan keunggulan dari Laravel dan fleksibilitas dari ReactJS.

Selain itu, Anda juga akan mempelajari berbagai fitur pendukung seperti authentication menggunakan Breeze, implementasi chart interaktif, pengelolaan data dengan datatable, sorting dan filter, penerapan UUID untuk keamanan, dark mode, serta server-side rendering (SSR) agar aplikasi yang Anda bangun semakin modern dan profesional.

Jika Anda seorang developer yang ingin memperdalam keterampilan dalam Laravel dan ReactJS, atau seorang pemula yang ingin membangun aplikasi keuangan sendiri, kelas ini adalah pilihan yang tepat. Kuasai teknik pengelolaan data finansial dengan teknologi terbaru dan bangun aplikasi financial planner impian Anda! 

Sneak Peek

Key Points

icon_check

Membangun Aplikasi Financial Planner dari nol menggunakan Laravel, ReactJS, dan InertiaJS

icon_check

Mengelola keuangan dengan fitur lengkap seperti dashboard, budgeting, income, expense, assets, liability, hingga laporan keuangan tahunan

icon_check

Menggunakan Laravel untuk backend yang powerful dengan fitur routing, Eloquent ORM, dan autentikasi menggunakan Breeze

icon_check

Menerapkan ReactJS untuk frontend interaktif dengan pendekatan berbasis komponen

icon_check

Menggunakan InertiaJS sebagai jembatan antara Laravel dan React tanpa perlu API tradisional

icon_check

Membuat tampilan modern dan responsif dengan TailwindCSS

icon_check

Menambahkan fitur interaktif seperti chart visualisasi data, datatable dengan sorting & filter, serta dark mode

icon_check

Meningkatkan keamanan aplikasi dengan UUID, autentikasi, dan proteksi data

icon_check

Mengoptimalkan performa aplikasi dengan server-side rendering (SSR)

Designed For

icon_check

Developer yang ingin menguasai Laravel dan ReactJS untuk membangun aplikasi modern

icon_check

Pemula yang ingin belajar membuat aplikasi pengelolaan keuangan dari nol

icon_check

Freelancer & Startup Founder yang ingin membangun sistem keuangan sendiri tanpa bergantung pada software pihak ketiga

icon_check

Pemilik Bisnis & Akuntan yang ingin memahami bagaimana aplikasi financial planner bekerja

icon_check

Siapa saja yang ingin mengembangkan skill full-stack development dengan teknologi terkini

Course Lessons

Learn With Expert

Mentor Budi Setiawan

Budi Setiawan

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(1.3K)

Our Happy Students

Review setelah bergabung di kelas CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS

All Rating
Muhammad Rafli at BuildWithAngga
Muhammad Rafli

Lifetime Learner

Course yang sangat bagus, mudah dipahami dan mentor yang nicee👍🏻 read more

27 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Bagoes Gazette at BuildWithAngga
Bagoes Gazette

Full-Stack Developer

Mantap, mudah dimengerti read more

22 Jun 2025

ic-star ic-star ic-star ic-star ic-star
Aditya Putra Ramadhan at BuildWithAngga
Aditya Putra Ramadhan

Lifetime Learner

penuh ilmu baru dan pengetahuan baru terutama dalam penggunaan framework js read more

22 May 2025

ic-star ic-star ic-star ic-star ic-star
Yudi Hendrawan at BuildWithAngga
Yudi Hendrawan

Full-Stack Developer

Keren, sangat membantu read more

05 Apr 2025

ic-star ic-star ic-star ic-star ic-star
Titanio Yudista at BuildWithAngga
Titanio Yudista

Full-Stack Developer

Penjelasan mentor dan coding nya sedikit lebih cepat dan terburu, jadi saya lebih hati hati dan selalu mengulang video tutorialnya. Dari sisi penjelasan cukup detail. Untuk materi cukup lengkap. read more

21 Jun 2025

ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Laravel

Software

logo

React JS

Software

logo

Node JS

Software

logo

Tailwind CSS

Software

logo

JavaScript

Software

logo

Mysql

Software

logo

NPM

Software

logo

Table Plus

Software

logo

PHP V 8

Software

logo

InertiaJS

Software

logo

Shadcn/ui

Software

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 269,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Recommended for You

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS Foto kelas CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS Foto kelas CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS Foto kelas CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS

CUAN: Financial Planner dengan Laravel, ReactJS dan InertiaJS

  • play
    Demonstrasi
    Video 20 minutes
  • lock
    Installasi Laravel
    Video 7 minutes
  • lock
    Installasi Laravel Breeze
    Video 8 minutes

  • lock
    Enum
    Video 21 minutes
  • lock
    Helpers
    Video 6 minutes
  • lock
    Constants
    Video 3 minutes
  • lock
    Shared Data
    Video 5 minutes
  • lock
    Shadcn UI
    Video 11 minutes
  • lock
    Utilities
    Video 20 minutes
  • lock
    Font Custom
    Video 2 minutes
  • lock
    Rapihkan Kodenya
    Video 9 minutes

  • lock
    Model dan Migration User
    Video 10 minutes
  • lock
    Model dan Migration Goals
    Video 4 minutes
  • lock
    Model dan Migration Balances
    Video 3 minutes
  • lock
    Model dan Migration Payments
    Video 5 minutes
  • lock
    Model dan Migration Budgets
    Video 3 minutes
  • lock
    Model dan Migration Incomes
    Video 3 minutes
  • lock
    Model dan Migration Expenses
    Video 4 minutes
  • lock
    Model dan Migration Net Worths
    Video 3 minutes
  • lock
    Model dan Migration Asset
    Video 5 minutes
  • lock
    Model dan Migration Liability
    Video 4 minutes
  • lock
    Relasikan
    Video 7 minutes

  • lock
    Modifikasi Application Logo
    Video 4 minutes
  • lock
    Modifikasi Nav Link
    Video 3 minutes
  • lock
    Buat Komponen Alert Action
    Video 4 minutes
  • lock
    Buat Komponen Banner
    Video 2 minutes
  • lock
    Buat Komponen Breadcrumb Header
    Video 3 minutes
  • lock
    Buat Komponen Card Stat
    Video 3 minutes
  • lock
    Buat Komponen Empty State
    Video 3 minutes
  • lock
    Buat Komponen Header Title
    Video 3 minutes

  • lock
    UseFilter
    Video 5 minutes
  • lock
    Filter
    Video 9 minutes
  • lock
    Show Filter
    Video 5 minutes
  • lock
    Pagination Table
    Video 4 minutes

  • lock
    Siapkan Layout Utama
    Video 20 minutes
  • lock
    Sidebar
    Video 15 minutes
  • lock
    Dark Mode
    Video 25 minutes
  • lock
    Authentication
    Video 40 minutes
  • lock
    Error Handling
    Video 12 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 3 minutes
  • lock
    Tampilkan Datanya
    Video 29 minutes
  • lock
    Tambah Data
    Video 20 minutes
  • lock
    Edit Data
    Video 7 minutes
  • lock
    Hapus Data
    Video 6 minutes
  • lock
    Observer
    Video 4 minutes
  • lock
    Tampilkan Statistik
    Video 6 minutes
  • lock
    Goal Policy
    Video 7 minutes

  • lock
    Siapkan Route dan Controller
    Video 2 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Scope Filter dan Sorting
    Video 2 minutes
  • lock
    Request Validation
    Video 1 minutes
  • lock
    Tampilkan Datanya
    Video 18 minutes
  • lock
    Tambah Data
    Video 10 minutes
  • lock
    Hapus Data
    Video 3 minutes
  • lock
    Tampilkan Statistik
    Video 9 minutes
  • lock
    Balance Policy
    Video 2 minutes
  • lock
    Kontribusi Menabung
    Video 17 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 3 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 3 minutes
  • lock
    Tampilkan Datanya
    Video 6 minutes
  • lock
    Tambah Data
    Video 9 minutes
  • lock
    Edit Data
    Video 5 minutes
  • lock
    Hapus Data
    Video 1 minutes
  • lock
    Payment Policy
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Scope Filter dan Sorting
    Video 6 minutes
  • lock
    Request Validation
    Video 3 minutes
  • lock
    Tampilkan Data
    Video 17 minutes
  • lock
    Tambah Data
    Video 9 minutes
  • lock
    Edit Data
    Video 3 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Budget Policy
    Video 2 minutes
  • lock
    Tampilkan Statistik
    Video 8 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 2 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 3 minutes
  • lock
    Tampilkan Data
    Video 8 minutes
  • lock
    Tambah Data
    Video 11 minutes
  • lock
    Edit Data
    Video 4 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Income Policy
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 3 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 4 minutes
  • lock
    Tampilkan Data
    Video 7 minutes
  • lock
    Tambah Data
    Video 23 minutes
  • lock
    Edit Data
    Video 5 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Expense Policy
    Video 2 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data
    Video 8 minutes
  • lock
    Tambah Data
    Video 8 minutes
  • lock
    Edit Data
    Video 4 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Detail Data
    Video 7 minutes
  • lock
    Net Worth Policy
    Video 3 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Scope Filter dan Sorting
    Video 4 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data
    Video 9 minutes
  • lock
    Tambah Data
    Video 7 minutes
  • lock
    Edit Data
    Video 4 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Net Worth Asset
    Video 18 minutes
  • lock
    Observer
    Video 7 minutes

  • lock
    Siapkan Route dan Controller
    Video 1 minutes
  • lock
    Buat Resourcenya
    Video 1 minutes
  • lock
    Scope Filter dan Sorting
    Video 3 minutes
  • lock
    Request Validation
    Video 2 minutes
  • lock
    Tampilkan Data
    Video 6 minutes
  • lock
    Tambah Data
    Video 3 minutes
  • lock
    Edit Data
    Video 3 minutes
  • lock
    Hapus Data
    Video 2 minutes
  • lock
    Net Worth Liability
    Video 5 minutes
  • lock
    Observer
    Video 5 minutes

  • lock
    Tampilkan Statistik Net Worth Asset
    Video 13 minutes
  • lock
    Tampilkan Detail Asset
    Video 44 minutes
  • lock
    Tampilkan Statistik NetWorth Liability
    Video 7 minutes
  • lock
    Tampilkan Detail Liability
    Video 12 minutes

  • lock
    Tracking Report
    Video 68 minutes
  • lock
    Annual Report
    Video 33 minutes

  • lock
    Tampilkan Statistik
    Video 14 minutes
  • lock
    Pie Chart
    Video 13 minutes
  • lock
    Bar Chart
    Video 11 minutes
  • lock
    Tabs
    Video 15 minutes
Member
185
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

💰 Cuan: Financial Planner Dengan Laravel dan ReactJS adalah kelas online yang akan membimbing Anda membangun aplikasi pengelolaan keuangan modern dari nol. Dengan kombinasi Laravel, ReactJS, dan InertiaJS, Anda akan belajar bagaimana membuat sistem keuangan yang komprehensif, mulai dari dashboard interaktif, pencatatan pemasukan dan pengeluaran, budgeting, pelacakan aset dan kewajiban, hingga laporan keuangan tahunan yang dapat diakses dengan mudah.

Dalam kelas ini, Anda akan menggunakan Laravel, framework PHP yang powerful dan efisien untuk membangun backend yang cepat, aman, dan mudah dikembangkan. Dengan fitur seperti Eloquent ORM, routing yang fleksibel, dan sistem autentikasi yang kuat, Laravel menjadi pilihan utama untuk pengembangan aplikasi berbasis web.

Di sisi frontend, Anda akan belajar menggunakan ReactJS, library JavaScript yang populer untuk membangun UI yang dinamis dan responsif. Dengan pendekatan berbasis komponen, ReactJS memungkinkan pengembangan antarmuka yang cepat dan modular, memberikan pengalaman pengguna yang lebih interaktif.

Untuk menghubungkan Laravel dan ReactJS dengan lebih seamless, kita akan menggunakan InertiaJS, sebuah teknologi yang menjembatani backend Laravel dan frontend React tanpa perlu API tradisional. InertiaJS memungkinkan pengembangan aplikasi full-stack yang lebih cepat dengan tetap mempertahankan keunggulan dari Laravel dan fleksibilitas dari ReactJS.

Selain itu, Anda juga akan mempelajari berbagai fitur pendukung seperti authentication menggunakan Breeze, implementasi chart interaktif, pengelolaan data dengan datatable, sorting dan filter, penerapan UUID untuk keamanan, dark mode, serta server-side rendering (SSR) agar aplikasi yang Anda bangun semakin modern dan profesional.

Jika Anda seorang developer yang ingin memperdalam keterampilan dalam Laravel dan ReactJS, atau seorang pemula yang ingin membangun aplikasi keuangan sendiri, kelas ini adalah pilihan yang tepat. Kuasai teknik pengelolaan data finansial dengan teknologi terbaru dan bangun aplikasi financial planner impian Anda! 

read more
Key Points
  • check
    Membangun Aplikasi Financial Planner dari nol menggunakan Laravel, ReactJS, dan InertiaJS
  • check
    Mengelola keuangan dengan fitur lengkap seperti dashboard, budgeting, income, expense, assets, liability, hingga laporan keuangan tahunan
  • check
    Menggunakan Laravel untuk backend yang powerful dengan fitur routing, Eloquent ORM, dan autentikasi menggunakan Breeze
  • check
    Menerapkan ReactJS untuk frontend interaktif dengan pendekatan berbasis komponen
  • check
    Menggunakan InertiaJS sebagai jembatan antara Laravel dan React tanpa perlu API tradisional
  • check
    Membuat tampilan modern dan responsif dengan TailwindCSS
  • check
    Menambahkan fitur interaktif seperti chart visualisasi data, datatable dengan sorting & filter, serta dark mode
  • check
    Meningkatkan keamanan aplikasi dengan UUID, autentikasi, dan proteksi data
  • check
    Mengoptimalkan performa aplikasi dengan server-side rendering (SSR)
Created For
  • check
    Developer yang ingin menguasai Laravel dan ReactJS untuk membangun aplikasi modern
  • check
    Pemula yang ingin belajar membuat aplikasi pengelolaan keuangan dari nol
  • check
    Freelancer & Startup Founder yang ingin membangun sistem keuangan sendiri tanpa bergantung pada software pihak ketiga
  • check
    Pemilik Bisnis & Akuntan yang ingin memahami bagaimana aplikasi financial planner bekerja
  • check
    Siapa saja yang ingin mengembangkan skill full-stack development dengan teknologi terkini
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
185
Happy Students
Muhammad Rafli at BuildWithAngga
Muhammad Rafli

Lifetime Learner

Course yang sangat bagus, mudah dipahami dan mentor yang nicee👍🏻

27 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Bagoes Gazette at BuildWithAngga
Bagoes Gazette

Full-Stack Developer

Mantap, mudah dimengerti

22 Jun 2025

ic-star ic-star ic-star ic-star ic-star
Aditya Putra Ramadhan at BuildWithAngga
Aditya Putra Ramadhan

Lifetime Learner

penuh ilmu baru dan pengetahuan baru terutama dalam penggunaan framework js

22 May 2025

ic-star ic-star ic-star ic-star ic-star
Yudi Hendrawan at BuildWithAngga
Yudi Hendrawan

Full-Stack Developer

Keren, sangat membantu

05 Apr 2025

ic-star ic-star ic-star ic-star ic-star
Titanio Yudista at BuildWithAngga
Titanio Yudista

Full-Stack Developer

Penjelasan mentor dan coding nya sedikit lebih cepat dan terburu, jadi saya lebih hati hati dan selalu mengulang video tutorialnya. Dari sisi penjelasan cukup detail. Untuk materi cukup lengkap.

21 Jun 2025

ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 269,000

Rp 690,000

arrow_upward
Marketing Banner

Kode Promo