MataBaca

MataBaca adalah aplikasi web berbasis AI untuk membantu pengguna tunanetra dan lansia membaca teks dari objek fisik secara cepat dan mandiri.

Aplikasi ini memanfaatkan kamera perangkat (HP atau laptop) untuk mengambil gambar teks, lalu memprosesnya dengan AI dan membacakan hasilnya melalui suara.

Daftar Isi

• Fitur Utama
• Teknologi
• Menjalankan Proyek Secara Lokal
• Script NPM
• Catatan

Fitur Utama

• OCR cerdas dengan Gemini AI untuk mengenali dan merangkum informasi penting.
• Panduan audio interaktif saat gambar buram, terpotong, atau tidak terdeteksi.
• Mode pindaian otomatis tanpa perlu menekan tombol jepret berulang.
• Antarmuka ramah aksesibilitas dengan tombol besar dan kontras tinggi.

Teknologi

• React, Vite, dan TypeScript
• Google Generative AI SDK (gemini-2.5-flash)
• react-webcam untuk akses kamera
• Web Speech API untuk text-to-speech

Menjalankan Proyek Secara Lokal

Prasyarat

• Node.js versi terbaru (disarankan versi LTS)
• NPM

1. Clone repositori

git clone https://github.com/shineemad/Mata_Baca.git
cd Mata_Baca

2. Install dependency

npm install

3. Buat file environment

Buat file .env di root proyek, lalu isi dengan API key Gemini:

VITE_GEMINI_API_KEY=your_api_key_here

4. Jalankan server development

npm run dev

5. Buka aplikasi di browser

Buka URL lokal yang muncul di terminal (umumnya http://localhost:5173).

Script NPM

• npm run dev: Menjalankan server development.
• npm run build: Build produksi.
• npm run preview: Menjalankan preview hasil build.
• npm run lint: Menjalankan pemeriksaan lint.

Catatan

• Jangan commit file .env ke repositori publik.
• Gunakan pencahayaan yang cukup agar kamera lebih mudah mendeteksi teks.