<<<<<<< HEAD

Sawit AI - Deteksi Kelapa Sawit

Aplikasi web untuk deteksi kelapa sawit menggunakan AI YOLO11 dengan estimasi produksi briket karbon.

🚀 Tech Stack

Frontend: Nuxt 3, Bootstrap 5, Chart.js
Backend: Flask, YOLO5, OpenCV, PyTorch

---

📋 Prerequisites

• Node.js 18+
• Python 3.9+
• ffmpeg

---

⚡ Quick Start

1. Install Dependencies

Frontend:

npm install

Backend:

cd backend
python -m venv venv
venv\Scripts\activate  # Windows
# source venv/bin/activate  # Linux/Mac
pip install -r requirements.txt

2. Setup Environment

Buat file .env:

NUXT_PUBLIC_API_URL=http://localhost:5000

3. Run Application

npm run dev:all

Akses: http://localhost:3000

---

📦 Backend Requirements

backend/requirements.txt:

Flask==3.0.0
Flask-CORS==4.0.0
ultralytics==8.1.0
opencv-python==4.8.1.78
torch==2.1.0
torchvision==0.16.0
Pillow==10.1.0
numpy==1.24.3
ffmpeg-python==0.2.0
python-dotenv==1.0.0

---

🎯 Usage

1. Run npm run dev:all
2. Buka http://localhost:3000
3. Upload gambar/video kelapa sawit
4. Klik Mulai Deteksi
5. Lihat hasil deteksi dan estimasi briket

---

📝 Available Scripts

npm run dev          # Frontend only
npm run dev:backend  # Backend only
npm run dev:all      # Run both (Frontend + Backend)
npm run build        # Build for production
npm run preview      # Preview production build

---

🔧 Setup package.json

Tambahkan scripts:

{
  "scripts": {
    "dev": "nuxt dev",
    "dev:backend": "cd backend && python app.py",
    "dev:all": "concurrently \"npm run dev\" \"npm run dev:backend\"",
    "build": "nuxt build",
    "preview": "nuxt preview"
  },
  "devDependencies": {
    "concurrently": "^8.2.2"
  }
}

Install concurrently:

npm install -D concurrently

---

📁 Project Structure

app-sawit/
├── components/       # Vue components
├── pages/           # Nuxt pages
├── public/          # Static files
├── backend/         # Flask API
│   ├── app.py
│   └── requirements.txt
├── .env
├── package.json
└── README.md

---

🔍 Troubleshooting

Backend error:

cd backend
pip install -r requirements.txt
python app.py

Chart.js error:

npm install chart.js vue-chartjs

---

=======

app-sawit

Project YOLO Sawit

a3ab37bb7c551654eb75257b7bfb204a55ca9c8e