♻️ SISA Indonesia – Sistem Integrasi Sampah & Aset

Menciptakan Dampak Nyata dari Sisa Konsumsi melalui Ekosistem Ekonomi Sirkular yang Transparan dan Terintegrasi.

📖 Tentang Proyek

SISA (Sistem Integrasi Sampah & Aset) adalah platform inovatif yang dirancang untuk mengatasi permasalahan limbah makanan (food waste) dan sampah organik di Indonesia. Proyek ini dikembangkan oleh tim SMK Negeri 8 Jakarta untuk ajang bergengsi FIKSI 2026 (Festival Inovasi dan Kewirausahaan Siswa Indonesia).

SISA hadir sebagai jembatan teknologi terintegrasi yang menghubungkan para penghasil limbah organik (restoran, hotel, UMKM kuliner) dengan para pengolah limbah (peternak maggot, produsen kompos, pengolah energi sirkular) secara efisien, terukur, dan transparan.

✨ Fitur Unggulan

🤝 1. Konektivitas Ekosistem Multi-Segmen

• B2B (Pemilik Kuliner): Solusi pengangkutan limbah terjadwal, efisien, dan mendukung kepatuhan regulasi lingkungan.
• B2B2C (Pengolah Limbah): Jaminan pasokan bahan baku organik yang stabil dan berkualitas tinggi.
• B2G & Komunitas: Dasbor data analitik limbah terukur untuk mendukung program kota bersih dan target penurunan emisi karbon.
• B2C (SISA Hero): Pemberdayaan pengangkut sampah lokal ke dalam sistem kurir digital terintegrasi.

📊 2. Dasbor Proyeksi Dampak Lingkungan

• Kalkulator interaktif untuk menghitung pengurangan emisi Gas Rumah Kaca (GRK) dan potensi daur ulang aset secara real-time.
• Visualisasi data menggunakan grafik yang informatif dan responsif.

📜 3. Generator & Validasi E-Sertifikat Hijau

• Sistem otomatis pembuatan E-Sertifikat Kemitraan Hijau beresolusi tinggi (standar cetak A4).
• Dilengkapi QR Code Dinamis dan sistem verifikasi langsung untuk membuktikan keaslian kontribusi lingkungan mitra.

🚀 4. Desain Premium & SEO Teroptimasi

• Antarmuka eksklusif bernuansa gelap (sleek dark mode) dipadukan dengan efek glassmorphism dan animasi interaktif menggunakan Framer Motion.
• Struktur kode yang dirancang khusus untuk mendominasi mesin pencari (Google SEO) pada kata kunci manajemen sampah di Indonesia.

🛠️ Alur Teknologi (Tech Stack)

• Framework: Next.js (v16.2.4) dengan arsitektur App Router
• Library UI: React (v19) & TypeScript
• Styling: Tailwind CSS (v4)
• Animasi: Framer Motion
• Ikonografi: Lucide React
• Database & Auth: Supabase
• Generator Dokumen:
  Copy

  html2canvas

  ,
  Copy

  qrcode

  , dan
  Copy

  pdfkit

• Deployment: Vercel

🚀 Panduan Menjalankan Proyek Lokal

Ikuti langkah-langkah di bawah ini untuk menjalankan situs SISA di mesin lokal Anda:

1. Prasyarat Sistem

Pastikan Anda telah menginstal Node.js (versi 20.x atau lebih baru) dan paket manajer seperti

npm

yarn

pnpm

2. Kloning Repositori

Copy
git clone https://github.com/farishhz/sisa-landing.git
cd sisa-landing

3. Instalasi Dependensi

Copy
npm install
# atau
yarn install
# atau
pnpm install

4. Menjalankan Server Pengembangan

Copy
npm run dev
# atau
yarn dev
# atau
pnpm dev

Buka http://localhost:3000 di peramban web Anda untuk melihat aplikasi.

🌐 Struktur Direktori Utama

Copy
sisa-web/
├── app/
│   ├── components/       # Komponen global (Navbar, Footer, Hero, Preloader, dll.)
│   ├── impact/           # Halaman Dasbor Proyeksi Dampak Lingkungan
│   ├── partnership/      # Halaman Program Kemitraan & Donasi
│   ├── sertifikat/       # Modul Generator & Validator E-Sertifikat
│   ├── team/             # Profil Tim Pengembang
│   ├── layout.tsx        # Konfigurasi Layout Induk, SEO Tag, & JSON-LD Schema
│   └── page.tsx          # Beranda Utama (Landing Page)
├── public/               # Aset statis (Logo, Gambar, HTML verifikasi Google)
└── package.json          # Daftar dependensi & skrip proyek

🏆 Hak Cipta & Lisensi

© 2026 SISA Indonesia – Dikembangkan oleh Tim FIKSI SMK Negeri 8 Jakarta.
Semua hak cipta dilindungi undang-undang. Platform ini didedikasikan untuk mewujudkan Indonesia yang lebih bersih dan berkelanjutan melalui integrasi teknologi sirkular.