Bangun galeri foto kolaboratif real-time dengan Firebase, Firestore, Storage, dan JavaScript tanpa mengelola server sendiri.
Skill yang dibangun
Menghubungkan aplikasi HTML, CSS, dan JavaScript ke Firebase menggunakan Firebase Web SDK modular
Menggunakan Firebase Authentication untuk membuat akses pengguna anonim secara aman dan sederhana
Mengunggah file foto ke Cloud Storage for Firebase serta menyimpan metadata foto di Cloud Firestore
Membaca koleksi Firestore secara real-time, menampilkan galeri secara dinamis, dan menangani loading, error, serta validasi input
Pemula yang sudah memahami dasar HTML, CSS, dan JavaScript serta ingin belajar cloud computing melalui proyek nyata. Cocok untuk mahasiswa, calon web developer, pelajar, dan pemilik proyek kecil yang ingin membuat aplikasi berbagi foto tanpa mengelola server sendiri.
Project outcomes
Kamu akan membangun aplikasi galeri foto kolaboratif berbasis web. Pengguna bisa masuk secara anonim, memilih foto dari perangkat, mengunggahnya ke Firebase Storage, lalu menyimpan nama file, URL download, pemilik, dan waktu unggah di Cloud Firestore. Galeri akan memantau perubahan data secara real-time, jadi foto baru langsung muncul tanpa refresh halaman.
Kamu akan membangun aplikasi galeri foto kolaboratif yang bisa dipakai beberapa orang secara real-time. Setiap pengguna dapat mengunggah foto, melihat koleksi terbaru, dan mendapatkan pembaruan tanpa refresh halaman. Proyeknya langsung jadi, bukan sekadar latihan sintaks.
Kita mulai dari fondasi Firebase dan koneksi aplikasi web, lalu lanjut ke Firebase Authentication, Cloud Firestore, dan Cloud Storage. Kamu akan belajar menyimpan metadata foto, mengunggah file, menampilkan data secara real-time, serta menangani loading dan error dengan cara yang rapi.
Penjelasannya dibuat bertahap dengan potongan kode kecil dan contoh runnable. Kamu akan mengikuti guided practice, membedah alur eksekusi kode, lalu mengerjakan tantangan mandiri. Bug seperti konfigurasi Firebase yang salah, security rules yang terlalu terbuka, dan upload yang tidak ditangani juga akan dibahas supaya kamu terbiasa berpikir seperti developer di code review.
Buat website statis cepat dengan Hugo, kelola konten menggunakan Markdown, dan deploy gratis ke Cloudflare Pages dalam hitungan menit.
Bangun deployment multi-environment yang aman, konsisten, dan mudah diaudit dengan Kubernetes, Argo CD, GitOps, serta OpenTofu.
Bangun data lakehouse scalable dan hemat biaya dengan Amazon S3, Apache Iceberg, dbt, dan Trino untuk analitik SQL modern.
Bangun eksperimen chaos yang aman untuk menguji resiliensi Kubernetes dengan LitmusChaos, observability, Prometheus, dan SLO.