Skip to content
Rafi Akmal Widikta

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 My Hidden Impact berjudul “Discover your hidden impact on the planet”, dengan tombol Start di tengah ilustrasi bumi.
    Halaman depan

Kontak

Tertarik untuk bekerja sama?

Ceritakan apa yang sedang Anda bangun dan apa yang dibutuhkan. Catatan singkat sudah cukup.

Back to top