frontend
My Hidden Impact
Kuesioner sebelas langkah yang mengubah kebiasaan sehari-hari jadi berapa banyak Bumi yang kamu pakai, lalu jadi daftar aksi pribadi beserta target.
- Peran
- Software Engineer
- Tanggal
- Januari 2026
Teknologi
- react
- typescript
- vite
- firebase
- firestore
- tanstack query
- zustand
- radix ui
- contentful
- sentry
Masalah
Kalkulator karbon biasanya meminta angka yang orang tidak benar-benar tahu: kilowatt-jam, meter kubik gas, kilometer penerbangan setahun. Orang pun menebak, dan hasilnya lebih menggambarkan tebakannya daripada gaya hidupnya. Dan satu angka saja tidak mengubah apa pun: mengetahui kamu menghasilkan delapan ton setahun tidak memberi tahu harus berbuat apa hari Senin besok.
Halaman hasilnya adalah produknya, dan di situlah justru hal-hal rusak. Di mode cepat orang
menjawab setengah-setengah, dan satu angka yang kosong cukup untuk membuat total perhitungan
perumahan jadi NaN dan menjatuhkan seluruh hasilnya. Batas serupa muncul di tempat lain: checkbox
persetujuan yang hilang di bawah breakpoint medium, atribut bahasa dokumen yang tidak pernah
mengikuti locale aktif, dan label bahasa Belanda di mana sebuah ruangan diterjemahkan sebagai
“douche bad”.
Solusi
Model yang sama ditanyakan dua kali: jalur cepat yang memberi hasil dalam sekitar satu menit, dan jalur presisi untuk jawaban yang benar-benar menggeser angkanya. Sebelas langkah singkat menjaga pertanyaannya tetap konkret: makanan dan pola makan, pakaian dan barang milik, rumah dan mandi, lalu cara kamu bepergian. Hasilnya dinyatakan sebagai berapa banyak Bumi yang dibutuhkan kalau semua orang hidup sepertimu, di samping ekuivalennya dalam pohon dan hektar, yang tidak butuh tabel konversi untuk dipahami. Dari situ aplikasinya mengusulkan aksi, memungkinkan kamu menetapkan target, dan menambahkan groups supaya pengurangannya dilakukan bersama orang lain. Pertanyaannya disimpan di Contentful, jadi bisa ditulis ulang tanpa merilis kode.
Batas-batas itu lalu ditangani satu per satu. Jawaban perumahan yang tidak lengkap kini jatuh ke
perhitungan berbasis poin resep setiap kali total utamanya bukan angka yang valid, sehingga
kuesioner yang belum selesai menghasilkan angka sungguhan alih-alih NaN. Checkbox-nya kehilangan
margin negatif dan jarak yang hanya berlaku di satu breakpoint, diganti padding eksplisit yang
bertahan di semua lebar layar. Bahasa dokumen diikat ke locale aktif alih-alih dibiarkan default,
yang penting untuk mesin pencari dan pembaca layar. Istilah Belandanya diperbaiki, logo partner
diperbarui ke brand terkini, dan halaman hasilnya dirampingkan: visual hutan, tautan Top 10, dua
ikon sosial, dan satu heading yang mengulang hal yang sama sudah tidak lagi sepadan dengan
tempatnya.
Galeri
Tangkapan layar

Halaman depan
Kontak
Tertarik untuk bekerja sama?
Ceritakan apa yang sedang Anda bangun dan apa yang dibutuhkan. Catatan singkat sudah cukup.