Eco Challenge

Inspiration

Di tengah krisis iklim, banyak dari kita yang ingin berkontribusi namun seringkali, niat baik tersebut kalah oleh kesibukan sehari-hari. Aksi peduli lingkungan terasa seperti beban, bukan kebiasaan yang menyenangkan. Kami melihat ada jurang besar antara keinginan untuk hidup hijau dan konsistensi dalam melakukannya. Eco Challenge lahir dari sebuah pertanyaan sederhana: "Bagaimana jika kita bisa membuat aksi menyelamatkan bumi terasa seperti sebuah game?" Terinspirasi oleh tema inovasi lingkungan berkelanjutan, kami tidak ingin membangun aplikasi pengingat biasa. Kami ingin menciptakan sebuah ekosistem yang mengubah tindakan-tindakan kecil dan individual menjadi sebuah gerakan kolektif yang berdampak, didorong oleh motivasi, pencapaian, dan sedikit persaingan sehat.

What it does

Eco Challenge adalah platform gamifikasi berbasis web yang mengubah gaya hidup berkelanjutan menjadi sebuah petualangan. Kami mengubah tugas-tugas ramah lingkungan menjadi tantangan yang menarik dan terukur, mendorong pengguna untuk membangun kebiasaan positif secara konsisten. Berikut adalah fitur inti dari Eco Challenge:

Tantangan Harian & Bulanan: Pengguna menerima tiga misi harian acak setiap hari dan dapat melihat daftar tantangan bulanan mulai dari "Membawa tumbler sendiri" hingga "Memilah sampah organik".
Bukti Aksi Nyata (Proof of Action): Untuk menyelesaikan tantangan, pengguna harus mengunggah foto sebagai bukti. Ini adalah inti dari platform kami mendorong aksi nyata, bukan sekadar validasi dengan menekan tombol.
Sistem Poin & Rentetan (Streak): Setiap tantangan yang berhasil diselesaikan akan memberikan poin. Kami juga mengimplementasikan sistem streak di mana pengguna yang aktif memposting setiap hari akan melihat rentetan mereka bertambah, membangun momentum dan kebiasaan.
Papan Peringkat Kompetitif: Pengguna dapat melihat peringkat mereka di antara 10 pejuang lingkungan teratas, memicu semangat untuk terus berkontribusi dan bersaing secara sehat.
Profil Pengguna yang Progresif: Setiap pengguna memiliki profil yang menampilkan total poin, rentetan hari aktif, dan galeri aksi hijau mereka, berfungsi sebagai portofolio dampak pribadi mereka.

How we built it

Untuk mewujudkan Eco Challenge dalam waktu singkat, kami mengadopsi arsitektur full-stack yang modern dan tangguh, memisahkan logika backend dan frontend untuk skalabilitas dan pengembangan yang cepat.

Frontend: Dibangun dengan Next.js, sebuah framework React yang powerful untuk rendering sisi server dan pengalaman pengguna yang cepat. Tampilan antarmuka dirancang menggunakan Tailwind CSS untuk konsistensi dan desain yang responsif.
Backend: Ditenagai oleh Laravel, sebuah framework PHP yang elegan dan kuat. Laravel menangani seluruh logika bisnis, termasuk manajemen pengguna, postingan, tantangan, dan sistem poin melalui REST API.
Autentikasi: Kami mengimplementasikan sistem autentikasi berbasis token menggunakan Laravel Sanctum di backend dan NextAuth.js di frontend, memastikan proses masuk yang aman dan manajemen sesi yang andal.

Challenges we ran into

Keseimbangan Gamifikasi: Merancang sistem poin dan tantangan yang tidak terlalu mudah (sehingga membosankan) atau terlalu sulit (sehingga membuat frustrasi) adalah tantangan utama. Kami melakukan iterasi pada daftar tantangan dan bobot poinnya untuk menciptakan kurva kesulitan yang memotivasi.
Integrasi Autentikasi Lintas Framework: Menghubungkan NextAuth.js dengan sistem autentikasi token dari Laravel Sanctum memerlukan penanganan header, cookie, dan manajemen sesi yang cermat agar berjalan mulus dan aman.
Logika Streak yang Akurat: Mengimplementasikan logika untuk melacak rentetan postingan harian secara akurat, terutama menangani kasus di mana pengguna melewatkan satu hari atau memposting beberapa kali dalam sehari, membutuhkan logika berbasis tanggal yang teliti di sisi backend.

Accomplishments that we're proud of

MVP Fungsional End-to-End: Kami berhasil membangun aplikasi full-stack yang berfungsi penuh dari pendaftaran pengguna, penyajian tantangan, pengunggahan bukti, hingga pembaruan leaderboard semuanya terintegrasi melalui API dalam waktu yang sangat terbatas.
Siklus Gamifikasi yang Lengkap: Kami bangga telah menciptakan sebuah siklus motivasi yang solid: Pengguna ditantang -> melakukan aksi -> mendapat hadiah (poin) -> melihat progres -> terinspirasi untuk melakukan lebih.
Menekankan Aksi Nyata: Dengan mewajibkan unggahan foto, kami memastikan Eco Challenge bukan hanya aplikasi checklist lain. Ini adalah platform yang memvalidasi dan merayakan dampak nyata di dunia nyata.

What we learned

Proyek ini adalah pengalaman belajar yang luar biasa dalam kecepatan dan efisiensi. Kami belajar cara mengintegrasikan dua framework modern (Laravel dan Next.js) secara efektif. Lebih dari itu, kami semakin memahami kekuatan gamifikasi sebagai alat untuk mendorong perubahan perilaku positif pada isu-isu sosial yang krusial seperti pelestarian lingkungan.

What's next for Eco Challenge

Hackathon ini hanyalah awal dari perjalanan Eco Challenge. Visi kami adalah menjadikannya platform go-to bagi individu dan komunitas untuk melacak dan meningkatkan dampak lingkungan mereka. Rencana kami selanjutnya meliputi:

Pengembangan Sistem Lencana (Badges): Memberikan lencana untuk pencapaian khusus (misalnya: "Master Daur Ulang", "Pahlawan Energi").
Fitur Komunitas & Tim: Memungkinkan pengguna untuk membentuk tim dan bersaing dalam tantangan kelompok untuk mendorong kolaborasi.
Kemitraan dengan Brand Berkelanjutan: Bekerja sama dengan entitas lokal dan merek ramah lingkungan untuk memberikan hadiah nyata bagi pengguna dengan poin tertinggi.
Validasi AI untuk Unggahan: Mengintegrasikan AI untuk memverifikasi bahwa gambar yang diunggah benar-benar terkait dengan tantangan, untuk menjaga integritas platform.