Membangun Aplikasi Chat Realtime dengan PERN Stack (PostgreSQL, Express, React, Node.js)

What Will You Learn?

• Day 1: Peserta akan memahami gambaran umum proyek Realtime Chat App, manfaat implementasinya, serta tools yang digunakan. Akan dijelaskan peran masing-masing teknologi dalam PERN stack, alur data antar client-server-database, dan fitur utama aplikasi. Peserta juga akan memahami mengapa Express, Socket.io, dan PostgreSQL dipilih dalam pengembangan aplikasi ini berdasarkan kelebihan dan kebutuhan sistem. Disini peserta akan menginisialisasi proyek backend menggunakan Express.js serta mengorganisir struktur folder secara modular (models, routes, controllers, middleware, dll). Peserta juga akan melakukan setup database PostgreSQL dan membuat model awal seperti User dan Message. Semua model akan diuji langsung menggunakan koneksi ke database untuk memastikan integrasi berjalan dengan baik.
• Day 2: Peserta akan mengembangkan fitur autentikasi lengkap, meliputi signup, login, logout, update profil, dan pengecekan status autentikasi. Peserta juga akan memahami konsep token JWT (JSON Web Token), implementasi middleware untuk validasi user, dan cara mengamankan endpoint. Semua route akan diuji menggunakan Postman agar peserta terbiasa melakukan pengujian API.
• Day 3: Peserta akan belajar menyimpan file gambar profil menggunakan Cloudinary, membuat endpoint pengambilan user dan pesan, serta mengirim pesan antar pengguna. Materi utama di sesi ini adalah penerapan komunikasi realtime menggunakan Socket.io agar pesan dapat dikirim dan diterima secara langsung tanpa reload. Peserta juga akan memahami lifecycle dari koneksi websocket.
• Day 4: Peserta akan mengintegrasikan backend Express yang telah dibuat ke dalam template frontend React. Setelah integrasi berhasil dan seluruh fitur diuji, peserta akan melakukan deployment aplikasi ke Render. Peserta akan memahami proses build, environment setup, serta memastikan aplikasi dapat berjalan baik di production.