Direktori UMKM Palembang 🏬🗺️

Direktori UMKM Palembang adalah website yang memudahkan pengguna menemukan UMKM berdasarkan kecamatan, kategori, dan lokasi terdekat.
Website ini menggunakan peta interaktif sehingga pengguna dapat memilih area tertentu dan langsung melihat daftar UMKM di wilayah tersebut.

Proyek ini dibuat dengan React + Vite dan di-deploy menggunakan Vercel.

---

✨ Fitur Utama

• 🗺️ Peta interaktif per kecamatan
  Pengguna dapat memilih kecamatan (misalnya Ilir Timur II) dan sistem akan menampilkan daftar UMKM di area tersebut.

• 🎯 Filter kategori UMKM
  Filter sederhana berdasarkan kategori seperti Kuliner, Jasa, dan kategori lainnya.

• 📍 Tombol "Sekitar Saya"
  Menampilkan modal berisi peta dan titik-titik UMKM terdekat dari lokasi pengguna.
  Saat titik UMKM diklik, akan muncul card detail UMKM.

• 📄 Halaman detail UMKM
  Berisi informasi lebih lengkap seperti nama, deskripsi, kontak, dan lokasi.

• ⭐ Favorit
  Pengguna bisa menandai UMKM favorit dan menyimpannya untuk diakses kembali.

• 📑 Pagination
  Daftar UMKM dibagi per halaman agar loading tetap ringan dan rapi.

• 🌙 Dark Mode
  Tampilan bisa diubah ke mode gelap untuk kenyamanan pengguna.

• 🔍 Search
  Fitur pencarian cepat untuk menemukan UMKM berdasarkan nama.

• 🔊 Voice (AI ElevenLabs)
  Deskripsi lengkap UMKM dapat dibacakan secara otomatis menggunakan AI text-to-speech ElevenLabs.

---

🧩 Teknologi yang Digunakan

• Frontend: React + Vite
• Styling: (sesuaikan: Tailwind CSS / CSS Module / dll)
• Peta: (sesuaikan: Leaflet / React Leaflet / lainnya)
• State Management: React hooks (useState, useEffect, dll)
• Deployment: Vercel
• AI Voice: ElevenLabs Text-to-Speech API

---

🖼️ Screenshot