Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Bikin Web Like Discord: Full Stack JavaScript 2025
Kelas Online
Bikin Web Like Discord: Full Stack JavaScript 2025
Released date February 2025
Last updated March 2026
Member
315 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
148 lessons (16.7 hours)
Develop Your Skills
Kelas ini adalah program belajar intensif yang dirancang untuk membantu kamu membangun aplikasi chatting modern secara menyeluruh, dari sisi frontend, backend, hingga integrasi sistem pembayaran. Melalui studi kasus nyata, kamu akan belajar tidak hanya coding, tapi juga memahami bagaimana membangun aplikasi berbasis bisnis digital dengan alur sistem yang kompleks namun realistis.
Proyek utama dalam kelas ini adalah membangun website chatting berbasis grup dan user, lengkap dengan fitur real-time chat, sistem pembayaran, dan pengelolaan dana oleh pemilik grup. Semua fitur dibangun dengan teknologi JavaScript fullstack, menggunakan kombinasi React JS, Express JS, PostgreSQL, Pusher JS, serta integrasi Midtrans Payment Gateway.
Selain itu, kamu juga akan belajar praktik terbaik dalam validasi data menggunakan Zod, serta penggunaan React Hook Form untuk membuat form yang efisien, dinamis, dan mudah di-maintain. Data fetching dan state management akan ditangani menggunakan TanStack Query, sehingga aplikasi lebih responsif dan terstruktur. Untuk kebutuhan visualisasi, kamu juga akan memanfaatkan React Chart agar data transaksi maupun aktivitas pengguna dapat ditampilkan secara interaktif.
Tampilan aplikasi akan disusun menggunakan template HTML siap pakai, yang kemudian akan kamu slicing dan integrasikan ke dalam project React agar terlihat profesional dan rapi.
Sneak Peek
Key Points
Belajar membuat sebuah API menggunakan Express JS
Belajar membuat authentication menggunakan JWT
Belajar integrasi payment gateway menggunakan Midtrans
Belajar melakukan integrasi API pada website
Belajar membuat form validasi menggunakan react hook form + zod
Belajar membuat fitur upload file menggunakan multer
Belajar membuat sebuah middleware pada API
Belajar menerapkan architecture feature-based
Belajar integrasi Pusher untuk real-time data
Designed For
Anda yang ingin level-up skills
Anda yang ingin membangun portofolio yang menarik
Anda yang ingin menjadi seorang Full-stack javascript
Anda yang ingin membuat project real-world
Course Lessons
Learn With Expert
Hariyanto
Full-Stack Developer
(5.7K)
IT_RSV Makassar
Lifetime Learner
Kursus yang luar biasa! Materinya sangat daging dan mudah dipahami. Sangat recommended untuk pemula maupun tingkat lanjut. read more
02 Jan 2026
Albert
Full-Stack Developer
Saya suka coursenya, karena semua program diberikan diawal. Sehingga kita tidak perlu menyalin tulisan satu-per-satuu read more
10 Dec 2025
Mochamad Yahya Dwi Purnam
Lifetime Learner
penjelasan dan struktur project mudah dipahami,, namun ada sedikit hal yang mungkin bisa diperbaiki yaitu urutan video, contoh pada bagian akhir (frontend admin) harusnya slicing approval page dulu baru integrasi update withdraw (juga ada duplikat video) read more
09 Nov 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
React JS
Software
Express JS
Software
Type Script
Software
Dbeaver
Software
Prisma
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
Envato Mastery: Build a Passive Income from Selling Template
Rp
2,650,000
Rp
199,000
(1,672)
Full Stack Laravel 12 & Vue 3 Developer: Website Marketplace Seperti Blibli
Rp
1,860,000
Rp
330,000
(87)
Full-Stack Web Designer Developer with Lovable AI: PoS Laundry
Rp
760,000
Rp
219,000
(29)
Android Jetpack Compose: Jello eCommerce
Rp 550,000
(105)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
Bikin Web Like Discord: Full Stack JavaScript 2025
-
1 Install DB & toolsVideo 6 minutes -
2 Setup ERD 1Video 6 minutes
-
3 Setup ERD 2Video 11 minutes
-
4 Setup Express JsVideo 4 minutes
-
5 Setup Prisma 1Video 11 minutes
-
6 Setup Prisma 2Video 9 minutes
-
7 Setup Prisma 3Video 3 minutes
-
1 Membuat seed rolesVideo 6 minutes
-
2 API sign up 1Video 9 minutes
-
3 API sign up 2Video 10 minutes
-
4 API sign up 3Video 8 minutes
-
5 API sign up 4Video 12 minutes
-
1 API Sign in 1Video 6 minutes
-
2 API Sign in 2Video 3 minutes
-
1 API get reset linkVideo 10 minutes
-
2 API get reset linkVideo 4 minutes
-
3 API update passwordVideo 7 minutes
-
4 API update passwordVideo 4 minutes
-
1 API create group 1Video 7 minutes
-
2 API create group 2Video 11 minutes
-
3 API create group 3Video 9 minutes
-
4 API create group 4Video 5 minutes
-
5 API create group 5Video 13 minutes
-
6 API update group 1Video 9 minutes
-
7 API update group 2Video 3 minutes
-
8 API update group 3Video 7 minutes
-
9 API update group 4Video 1 minutes
-
10 API get discover group 1Video 9 minutes
-
11 API get discover group 2Video 3 minutes
-
12 API get discover people 1Video 7 minutes
-
13 API get detail groupVideo 8 minutes
-
14 API get my own groups 1Video 8 minutes
-
15 API get my own groups 2Video 4 minutes
-
16 API join group 1Video 5 minutes
-
17 API join group 2Video 8 minutes
-
18 API join group 4Video 1 minutes
-
19 API join group 5Video 4 minutes
-
20 API join group 6Video 8 minutes
-
21 API join group 7Video 5 minutes
-
22 API join group 8Video 8 minutes
-
23 API join group 9Video 8 minutes
-
24 API join group 10Video 5 minutes
-
25 API delete asset groupVideo 7 minutes
-
1 API create room 1Video 7 minutes
-
2 API create room 2Video 9 minutes
-
3 API get roomsVideo 9 minutes
-
4 API get room messagesVideo 6 minutes
-
5 Setup pusherVideo 5 minutes
-
6 API create message 1Video 9 minutes
-
7 API create message 2Video 7 minutes
-
8 Perbaikan content URLVideo 5 minutes
-
1 API get my revenue 1Video 8 minutes
-
2 API get my revenue 2Video 5 minutes
-
3 API get history payoutVideo 3 minutes
-
4 API get balanceVideo 3 minutes
-
5 API create withdrawVideo 8 minutes
-
1 Setup frontend 1Video 5 minutes
-
2 Setup frontend 2Video 5 minutes
-
3 Slicing landing pageVideo 8 minutes
-
4 Perbaikan landing pageVideo 2 minutes
-
1 Slicing sign up pageVideo 2 minutes
-
2 Persiapan integrasi 1Video 5 minutes
-
3 Persiapan integrasi 2Video 3 minutes
-
4 Persiapan integrasi 3Video 3 minutes
-
5 Integrasi sign up 1Video 9 minutes
-
6 Integrasi sign up 2Video 11 minutes
-
1 Persiapan IntegrasiVideo 3 minutes
-
2 IntegrasiVideo 10 minutes
-
1 Persiapan forgot passwordVideo 5 minutes
-
2 Send email link change passwordVideo 6 minutes
-
3 Update passwordVideo 12 minutes
-
1 Slicing discover pageVideo 12 minutes
-
2 Integrasi discover page 1Video 13 minutes
-
3 Integrasi discover page 2Video 9 minutes
-
4 Integrasi discover page 3Video 14 minutes
-
5 Integrasi discover page 4Video 4 minutes
-
6 Slicing detail groupVideo 7 minutes
-
7 Integrasi detail group 1Video 10 minutes
-
8 Integrasi detail group 2Video 6 minutes
-
9 Integrasi detail group 3Video 9 minutes
-
10 Integrasi detail group 4Video 9 minutes
-
11 Slicing success payment pageVideo 4 minutes
-
12 API detail transactionVideo 6 minutes
-
13 Integrasi success payment pageVideo 11 minutes
-
1 Slicing chat page 1Video 8 minutes
-
2 Slicing chat page 2Video 3 minutes
-
3 Integrasi get rooms 1Video 6 minutes
-
4 Integrasi get rooms 2Video 7 minutes
-
5 Integrasi get rooms 3Video 6 minutes
-
6 Integrasi get rooms 4Video 5 minutes
-
7 Integrasi get rooms 5Video 5 minutes
-
8 Integrasi get rooms 6Video 5 minutes
-
9 Integrasi get rooms 7Video 10 minutes
-
10 Integrasi get rooms 8Video 6 minutes
-
11 Integrasi send message 1Video 5 minutes
-
12 Integrasi send message 2Video 9 minutes
-
13 Integrasi send message 3Video 6 minutes
-
14 Integrasi send message 4Video 9 minutes
-
15 Integrasi send message 5Video 3 minutes
-
16 Slicing group info modalVideo 6 minutes
-
17 Integrasi group info modal 1Video 9 minutes
-
18 Integrasi group info modal 2Video 9 minutes
-
19 Integrasi gallery modalVideo 5 minutes
-
20 Integrasi create room personalVideo 8 minutes
-
21 Perbaikan room chat personalVideo 4 minutes
-
22 Perbaikan API get personal detailVideo 12 minutes
-
23 Integrasi get personal profile 1Video 6 minutes
-
24 Integrasi get personal profile 2Video 8 minutes
-
1 Slicing general setting pageVideo 7 minutes
-
2 Slicing account setting pageVideo 5 minutes
-
3 Slicing groups setting pageVideo 5 minutes
-
4 Integrasi groups setting pageVideo 7 minutes
-
5 Slicing detail groupVideo 3 minutes
-
6 Integrasi detail group 1Video 11 minutes
-
7 Integrasi detail group 2Video 9 minutes
-
8 Slicing create group 1Video 3 minutes
-
9 Slicing create group 2Video 6 minutes
-
10 Slicing create group 3Video 8 minutes
-
11 Slicing create group 4Video 6 minutes
-
12 Slicing create group 5Video 7 minutes
-
13 Slicing create group 6Video 5 minutes
-
14 Slicing create group 7Video 15 minutes
-
15 Slicing create group 8Video 2 minutes
-
16 Integrasi create group 1Video 5 minutes
-
17 Integrasi create group 2Video 10 minutes
-
18 Integrasi update group 1Video 7 minutes
-
19 Integrasi update group 2Video 5 minutes
-
20 Integrasi delete assetVideo 6 minutes
-
21 Integrasi update group 3Video 8 minutes
-
1 Slicing revenue pageVideo 5 minutes
-
2 Integrasi chart jsVideo 9 minutes
-
3 Penyesuaian backendVideo 10 minutes
-
4 Integrasi get revenue 1Video 5 minutes
-
5 Integrasi get revenue 2Video 4 minutes
-
6 Slicing withdraw pageVideo 5 minutes
-
7 Integrasi get balanceVideo 4 minutes
-
8 Integrasi withdraw 1Video 9 minutes
-
9 Integrasi withdraw 2Video 6 minutes
-
10 Slicing history withdrawVideo 4 minutes
-
11 Integrasi history withdrawVideo 9 minutes
-
1 Integrasi Sign InVideo 8 minutes
-
2 Dashboard admin pageVideo 7 minutes
-
3 API get all history withdrawVideo 6 minutes
-
4 API update withdrawVideo 5 minutes
-
5 Integrasi history withdrawVideo 7 minutes
-
6 Integrasi update withdraw 1Video 8 minutes
-
7 Slicing appoval pageVideo 6 minutes
-
8 Integrasi approval pageVideo 6 minutes
Member
315
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Kelas ini adalah program belajar intensif yang dirancang untuk membantu kamu membangun aplikasi chatting modern secara menyeluruh, dari sisi frontend, backend, hingga integrasi sistem pembayaran. Melalui studi kasus nyata, kamu akan belajar tidak hanya coding, tapi juga memahami bagaimana membangun aplikasi berbasis bisnis digital dengan alur sistem yang kompleks namun realistis.
Proyek utama dalam kelas ini adalah membangun website chatting berbasis grup dan user, lengkap dengan fitur real-time chat, sistem pembayaran, dan pengelolaan dana oleh pemilik grup. Semua fitur dibangun dengan teknologi JavaScript fullstack, menggunakan kombinasi React JS, Express JS, PostgreSQL, Pusher JS, serta integrasi Midtrans Payment Gateway.
Selain itu, kamu juga akan belajar praktik terbaik dalam validasi data menggunakan Zod, serta penggunaan React Hook Form untuk membuat form yang efisien, dinamis, dan mudah di-maintain. Data fetching dan state management akan ditangani menggunakan TanStack Query, sehingga aplikasi lebih responsif dan terstruktur. Untuk kebutuhan visualisasi, kamu juga akan memanfaatkan React Chart agar data transaksi maupun aktivitas pengguna dapat ditampilkan secara interaktif.
Tampilan aplikasi akan disusun menggunakan template HTML siap pakai, yang kemudian akan kamu slicing dan integrasikan ke dalam project React agar terlihat profesional dan rapi.
read more
Learn With Expert
Key Points
-
Belajar membuat sebuah API menggunakan Express JS
-
Belajar membuat authentication menggunakan JWT
-
Belajar integrasi payment gateway menggunakan Midtrans
-
Belajar melakukan integrasi API pada website
-
Belajar membuat form validasi menggunakan react hook form + zod
-
Belajar membuat fitur upload file menggunakan multer
-
Belajar membuat sebuah middleware pada API
-
Belajar menerapkan architecture feature-based
-
Belajar integrasi Pusher untuk real-time data
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin membangun portofolio yang menarik
-
Anda yang ingin menjadi seorang Full-stack javascript
-
Anda yang ingin membuat project real-world
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
315
Happy Students
Happy Students
Rama Alfin
Full-Stack Developer
keren bangettt
17 Mar 2026
IT_RSV Makassar
Lifetime Learner
Kursus yang luar biasa! Materinya sangat daging dan mudah dipahami. Sangat recommended untuk pemula maupun tingkat lanjut.
02 Jan 2026
Robby Suganda
Full-Stack Developer
mantapppppp
15 Dec 2025
Albert
Full-Stack Developer
Saya suka coursenya, karena semua program diberikan diawal. Sehingga kita tidak perlu menyalin tulisan satu-per-satuu
10 Dec 2025
Mochamad Yahya Dwi Purnama
Lifetime Learner
penjelasan dan struktur project mudah dipahami,, namun ada sedikit hal yang mungkin bisa diperbaiki yaitu urutan video, contoh pada bagian akhir (frontend admin) harusnya slicing approval page dulu baru integrasi update withdraw (juga ada duplikat video)
09 Nov 2025
Ilham Rafi Fadhilah
Lifetime Learner
kelas sangat bermanfaat untuk portfolio
16 Sep 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
