🍌 Banana Detector

Frontend aplikasi klasifikasi kematangan pisang menggunakan Next.js dan Tailwind CSS.

---

🚀 Fitur

• Upload gambar pisang untuk prediksi kematangan
• Tampilan modern dan responsif
• Integrasi dengan backend REST API

---

📦 Struktur Folder

frontend-banana-detector/
├── src/
│   ├── components/      # Komponen UI
│   ├── constants/       # Konstanta aplikasi
│   ├── lib/             # Helper & util
│   ├── pages/           # Routing Next.js
│   ├── styles/          # Global CSS
│   └── types/           # Tipe global
├── public/              # Asset publik
├── package.json         # Konfigurasi npm
├── next.config.ts       # Konfigurasi Next.js
└── README.md            # Dokumentasi

---

⚡ Cara Menjalankan

1. Install dependencies:

   npm install

2. Jalankan development server:

   npm run dev

3. Buka di browser: http://localhost:3000

---

🔗 Integrasi Backend

Pastikan backend API sudah berjalan di http://localhost:5000 agar fitur prediksi dapat digunakan.

---

🛠 Build Production

npm run build
npm start

---

📝 Fitur Utama

• Upload gambar pisang
• Tampilkan hasil prediksi dan confidence
• Navigasi sederhana dan user-friendly

---

🛠 Troubleshooting

• Jika API tidak bisa diakses, cek koneksi ke backend
• Pastikan port frontend dan backend tidak bentrok

---

✨ Kontribusi

Silakan buat issue atau pull request untuk saran dan perbaikan!

---

Good luck & happy coding! 🍌