Putra Rizky Nugraha
Putra Rizky
@traa_rzkyy
Location-Based Directory • Conversational AI

Dekatku MSME Maps

Direktori UMKM Berbasis Lokasi & Rekomendasi Cerdas dengan Asisten AI

Dekatku MSME Maps

Ikhtisar Proyek

Platform direktori berbasis lokasi yang menghubungkan wisatawan dan warga lokal dengan UMKM terdekat, dilengkapi kalkulasi jarak presisi dan fitur Chat with AI Assistant.

  • Pencarian titik UMKM terdekat secara real-time dengan kalkulasi jarak formula Haversine.
  • Chat with AI Assistant yang memahami bahasa natural untuk merekomendasikan kuliner atau layanan terdekat.
  • Antarmuka peta interaktif yang ringan dan responsif pada perangkat mobile.
Problem Statement

Tantangan Utama

Banyak UMKM lokal berkualitas tidak terindeks dengan baik di platform besar, membuat wisatawan kesulitan menemukan produk lokal autentik.

  • Informasi jam operasional dan titik koordinat UMKM sering kali tidak akurat.
  • Pengguna membutuhkan rekomendasi cepat tanpa harus membaca puluhan ulasan panjang.
  • Performa aplikasi harus tetap cepat pada koneksi internet seluler yang terbatas.
Architectural Response

Solusi Rekayasa

Mengintegrasikan geolocation browser modern dengan antarmuka peta interaktif dan asisten chat AI yang memberikan rekomendasi instan.

  • Kalkulasi jarak instan di sisi klien dengan formula Haversine untuk meminimalkan beban server.
  • Asisten AI percakapan yang menyaring preferensi makanan, kisaran harga, dan jarak.
  • Desain modern berbasis Tailwind CSS dengan nuansa neon aura yang menarik.

Fitur & Modul Utama

Kapabilitas fungsional yang dirancang untuk menjawab kebutuhan nyata pengguna.

Formula Jarak Haversine

Menghitung jarak akurat dalam hitungan meter antara pengguna dan puluhan titik UMKM secara instan.

Chat with AI Assistant

Ketik 'Cari kopi susu enak di bawah 20 ribu' dan AI akan langsung menyajikan rekomendasi terbaik beserta rutenya.

Peta Interaktif Interaktif

Pin lokasi interaktif dengan pratinjau kartu toko, jam operasional, dan navigasi langsung.

Arsitektur Sistem

Pola perancangan, efisiensi backend, dan keputusan teknis utama.

01Frontend Modern: Antarmuka responsif berbasis React, TypeScript, dan Tailwind CSS dengan visual neon aura.
02Integrasi Geolocation: Perhitungan jarak presisi (Haversine Formula) dan visualisasi titik lokasi UMKM di peta interaktif.
03Chat with AI Assistant: Konsultasi cerdas berbasis AI untuk menemukan toko, produk, atau jasa lokal yang paling sesuai.

Tahapan Rekayasa

Alur kerja mulai dari perancangan hingga rilis produksi.

01

Riset Kebutuhan & Integrasi Geolocation

Mengumpulkan data titik UMKM dan merancang sistem pemetaan koordinat.

  • Pengumpulan data sampel UMKM
  • Implementasi formula Haversine
  • Pengujian akurasi GPS seluler
02

Pengembangan Asisten AI & Antarmuka

Mengintegrasikan prompt chat AI dan membangun peta interaktif di React.

  • Penyusunan persona asisten rekomendasi
  • Komponen peta interaktif dinamis
  • Pengoptimalan UI mobile-first

Teknologi & Tools

Reactreact
TypeScripttypescript
Tailwind CSStailwind
ReactTypeScriptGeolocation APIAI RecommendationTailwind CSS