Carbonify adalah platform web interaktif yang dirancang untuk meningkatkan kesadaran masyarakat terhadap emisi karbon pribadi dan mendorong aksi nyata dalam menghadapi perubahan iklim. Proyek ini dikembangkan sebagai solusi inovatif berbasis teknologi untuk mendukung pencapaian Sustainable Development Goals (SDGs), khususnya dalam konteks keberlanjutan lingkungan dan transformasi digital di Indonesia.

• Desain Futuristik & Interaktif: Antarmuka modern dengan tema Aurora, efek cahaya kursor, animasi daun jatuh, dan globe 3D interaktif di halaman utama.
• Kalkulator Karbon Dinamis: Menghitung estimasi emisi karbon bulanan berdasarkan data spesifik (lokasi, jenis kendaraan, bahan bakar, dll) yang terhubung langsung ke backend Django.
• Gamifikasi & Keterlibatan Pengguna: Sistem poin, lencana, dan tantangan mingguan dengan bukti unggah foto untuk memotivasi pengguna.
• Papan Peringkat (Leaderboard): Menampilkan peringkat pengguna dengan skor tertinggi secara real-time untuk mendorong kompetisi yang sehat.
• Otentikasi Google & Profil Pengguna: Kemudahan login dengan satu klik menggunakan akun Google, lengkap dengan halaman profil personal yang menampilkan statistik, lencana, dan riwayat aksi.
• Peta Lokal Interaktif: Peta berbasis Leaflet yang menunjukkan lokasi ramah lingkungan (Bank Sampah, Thrift Store) dengan fitur pencarian dan filter radius.

Next.js

React

TypeScript

Tailwind CSS

Django

Leaflet.js

Lottie

Prettier

Proyek ini terdiri dari dua bagian: frontend (Next.js) dan backend (Django). Keduanya harus dijalankan secara bersamaan.

1. Masuk ke direktori backend:

   cd django-next-project

2. Buat dan aktifkan virtual environment:

   python -m venv venv
   .\venv\Scripts\activate

3. Install dependensi:

   pip install -r requirements.txt

4. Jalankan migrasi database:

   python manage.py migrate

5. Jalankan server backend:

   python manage.py runserver

   Backend akan berjalan di http://127.0.0.1:8000.

1. Buka terminal baru dan masuk ke direktori frontend:

   cd carbonify-app

2. Install dependensi:

   npm install

3. Jalankan server pengembangan:

   npm run dev