Bikin Platform Event Management Seperti Goers dengan Express + Xendit
Di kelas ini, kamu akan mempelajari secara step by step membuat platform seperti Goers dengan menggunakan Xendit dan juga Express, tidak hanya itu, kamu juga akan mempelajari bagaimana merancang sistem yang baik mulai dari riset kebutuhan sisten, riset calon pengguna atau design thinking, database yang solid, implementasi payment gateway dengan webhoook serta best practice lainnya...
Tentang Kelas
Di kelas ini, kamu tidak hanya sekadar menulis kode. Kamu akan dibimbing secara step-by-step dalam merancang dan membangun platform digital yang skalabel, aman, dan siap digunakan secara nyata. Dengan fondasi Express.js di sisi backend dan integrasi Xendit sebagai payment gateway, kami akan mengajakmu melalui seluruh siklus pengembangan produk modern: mulai dari memahami pengguna, merancang arsitektur sistem, hingga mengimplementasikan fitur pembayaran otomatis yang handal.
Apa yang Akan Kamu Pelajari?
- Design Thinking & Riset Kebutuhan: Memetakan pain point calon pengguna, menyusun user journey, dan menerjemahkan hasil riset menjadi fitur yang relevan & prioritized.
- Desain Database yang Solid: Merancang skema data yang efisien (relasional/NoSQL), menerapkan normalisasi, indexing, relasi antar entitas, serta teknik optimasi query untuk performa tinggi.
- Backend Engineering dengan Express.js: Membangun RESTful API yang rapi, mengelola middleware, error handling terstruktur, autentikasi & autorisasi, serta pola struktur folder yang maintainable.
- Integrasi Payment Gateway Xendit: Setup metode pembayaran (VA, E-Wallet, Kartu Kredit), manajemen transaksi, hingga implementasi Webhook untuk sinkronisasi status pembayaran secara real-time dan otomatis.
- Best Practice & Production Readiness: Pengelolaan environment variables, logging terpusat, rate limiting, keamanan API (CORS, sanitasi input, CSRF/XSS prevention), dasar CI/CD, serta strategi deployment yang aman.
Metodologi Pembelajaran
Kelas ini dirancang dengan pendekatan Project-Based Learning. Setiap modul dilengkapi dengan:
- Studi kasus nyata yang relevan dengan industri startup & digital service
- Kode sumber terstruktur yang bisa langsung di-clone & dikustomisasi
- Challenge praktis untuk mengasah problem-solving & debugging skills
- Session review & code walkthrough untuk memastikan pemahaman mendalam
Hasil Akhir yang Kamu Dapatkan
Di akhir kelas, kamu akan memiliki:
- Platform Fungsional mirip Goers yang siap di-deploy ke environment staging/production
- Portofolio Backend & Payment Integration yang profesional dan siap dipamerkan ke recruiter/klien
- Pemahaman End-to-End dari ide bisnis, riset, arsitektur sistem, hingga integrasi pembayaran otomatis
- Template & Checklist Best Practice yang bisa digunakan kembali di project berikutnya
Untuk Siapa Kelas Ini?
- Developer pemula–menengah yang ingin naik level ke backend & system design
- Mahasiswa Teknik Informatika/IT yang ingin membangun project akhir yang realistis
- Founder/Co-founder tech yang ingin memahami alur pengembangan MVP tanpa mengorbankan kualitas arsitektur
- Freelancer yang ingin menambah portofolio integrasi payment gateway & platform marketplace
Prasyarat
- Pemahaman dasar JavaScript & Node.js
- Familiar dengan konsep REST API & HTTP methods
- Laptop dengan koneksi internet stabil & terminal/command prompt
- Akun developer Xendit (sandbox mode tersedia gratis)
Daftar Materi
| Pendahuluan | 02:05 | |
| Demo User | 09:00 | |
| Demo Penyelenggara Event | 06:11 | |
| Berpikir Sebagai Software Engineer | 03:16 | |
| User Persona | 07:27 | |
| Kebutuhan Dari Sistem | 06:14 | |
| Instalasi Visual Studio Code | 08:21 | |
| Instalasi Node JS | 06:16 | |
| Instalasi XAMPP | 05:42 | |
| Tools ERD | 02:10 | |
| Tools Use Case Diagram | 02:30 | |
| Benefit Merancang Database | 01:53 | |
| Perancangan Table Users dan Categories | 08:47 | |
| Perancangan Table Events dan Orders | 08:27 | |
| Perancangan Table Tickets dan Attachement | 10:16 | |
| Membuat Use Case Diagram | 06:13 | |
| Memulai Implementasi | 03:09 | |
| Membuat Database dan Table Users | 10:18 | |
| Membuat Table Events dan Categories | 10:09 | |
| Membuat Table Orders | 06:04 | |
| Membuat Table Tickets dan Event_attachments | 09:37 | |
| Clone dan Dowload Templatenya | 03:02 | |
| Membuat dan Menginisialisasi Project | 02:33 | |
| Install Express dan Setup Nodemon | 09:01 | |
| Install Dependencies Lainnya | 08:32 | |
| Konfigurasi Database Yuk | 05:25 | |
| Data Dummy untuk Categories | 08:18 | |
| Data Dummy untuk Users dan Events | 12:18 | |
| Mengelola env file dan Implementasi Sequelize | 09:47 | |
| Membuat Model User dan Category dengan Sequalize | 09:08 | |
| Membuat Model Event dan Order dengan Sequalize | 12:43 | |
| Membuat Model Ticket dan Event Attachment dengan Sequalize | 08:26 | |
| Membuat Association | 09:43 | |
| Membuat Reusable Component | 05:01 | |
| Sync Table Model dan Database | 07:45 | |
| Membuat HomeController | 20:17 | |
| Menampilkan Filter By Category di Home | 09:17 | |
| Menambahkan Kolom City | 03:04 | |
| Membuat Fallback untuk handle city filter di Home | 13:14 | |
| Menyelesaikan Filter by City di Home | 05:35 | |
| Category Event Populer di Home | 12:32 | |
| Tabs City di Home | 04:43 | |
| Event Berdasarkan Tabs City di Home Bagian 1 | 09:13 | |
| Menyelesaikan Event Berdasarkan Tabs City di Home | 02:00 | |
| Menampilkan Event Terbaru di Home | 10:10 | |
| Tweak Header agar sesuai logika | 10:44 | |
| EventController | 12:30 | |
| Halaman Event Index Bagian 1 | 14:51 | |
| Halaman Event Index Bagian 2 | 25:10 | |
| Halaman Event Index Bagian 3 | 09:13 | |
| Event Detail Controller | 05:03 | |
| Event Detail Controller | 05:03 | |
| Event Detail Bagian 1 | 17:49 | |
| Event Detail Bagian 2 | 09:18 | |
| Privacy Page | 06:29 | |
| Terms of Service Page | 02:58 | |
| Halaman Register dan Login | 05:49 | |
| Middleware | 03:27 | |
| Register Main Logic | 08:53 | |
| Menyelesaikan Register | 12:08 | |
| Menyelesaikan Login dan Logout | 13:21 | |
| Checkout Controller | 05:56 | |
| Halaman Checkout | 23:43 | |
| Perbaiki Logika Perhitungan Checkout | 02:20 | |
| Profile Controller | 05:35 | |
| Halaman Profile | 08:56 | |
| Update Profile | 07:12 | |
| My Orders Controller | 05:00 | |
| Halaman My Orders | 24:11 | |
| Create Events Controller | 03:30 | |
| Halaman Create Events Bagian 1 | 15:39 | |
| Halaman Create Events Bagian 2 | 13:07 | |
| Perbaiki Create Events | 05:33 | |
| Alternative sementara untuk cover di create events | 02:21 | |
| My Events Controller | 04:06 | |
| Halaman My Events | 17:15 | |
| Edit My Events Controller | 05:01 | |
| Halaman Edit My events Bagian 1 | 16:38 | |
| Halaman Edit My events Bagian 2 | 07:43 | |
| Menyelesaikan Halaman Edit My Events | 04:24 | |
| Membuat Akun Xendit | 02:54 | |
| Alur Payment | 03:13 | |
| Atur Xendit Secret Key dengan Aman | 06:21 | |
| Payment Process | 15:13 | |
| Membuat Payment Process Route | 27:37 | |
| Membuat Route Success Order | 11:33 | |
| Testing sebentar | 05:00 | |
| Membuat halaman success | 27:30 | |
| Perbaiki Barcode dan tuntaskan halaman success | 08:07 | |
| Membuat Halaman Failed | 13:24 | |
| Halaman My Ticket dengan QR Code | 15:53 | |
| Halaman Detail Informasi Pesanan Bagian 1 | 19:51 | |
| Halaman Detail Informasi Pesanan Bagian 2 | 19:13 | |
| Kenalan dengan Webhook | 03:52 | |
| Setup Ngrok | 05:49 | |
| Setup Insomnia | 03:25 | |
| Function Calling | 03:51 | |
| Test Function Calling di Sandbox Mode | 06:52 | |
| Webhook Endpoint | 06:26 | |
| Table Xendit Webhook Logs | 05:47 | |
| Relasi dan Model Xendit Webhook Log | 07:48 | |
| Simpan Logs | 23:22 | |
| Function Paid Expired Failed | 13:03 | |
| Function Handle Payment Succeeded and Failed | 10:10 | |
| Testing Logs dengan Webhook | 07:46 | |
| Testing Project di Server | 04:45 |
Penyusun Materi
Testimoni Oleh Siswa
(0 reviews)
