Food Trucks Maps

L'histoire de sa construction

Food Trucks Maps est une application web full-stack conçue en 6h de vibe coding avec Claude. Elle permet de localiser en temps réel les food trucks ouverts autour de soi sur une carte interactive Leaflet. L'application propose une recherche par type de cuisine, un filtre "ouvert maintenant", une géolocalisation de l'utilisateur, et un clustering des marqueurs pour une lisibilité optimale. Côté propriétaires de trucks, un espace authentifié permet d'enregistrer son truck, de gérer ses horaires d'ouverture par jour de la semaine, et d'uploader des photos. Un environnement de démo public est disponible avec ~300 trucks fictifs répartis sur toute la France va être implanté dans un futur.

Technologies utilisées

• Laravel
• Git
• TypeScript
• Vue.js
• Tailwind CSS
• HTML
• CSS
• Docker

J'en ai bavé mais j'y suis arrivé 🚀

// Fetch réactif des trucks selon les filtres carte
watch(filters, async () => {
  const { data } = await axios.get('/api/trucks', { params: filters.value })
  trucks.value = data.data
  map.setTrucks(trucks.value)
}, { deep: true })