À la une
Bennes à verres
Application web pour localiser les bennes à verres les plus proches grâce à la géolocalisation et à une carte Mapbox.
- Rôle
- Développeur Full-Stack
- Période
- 2021
- Stack
- Symfony 5 · Twig · Mapbox · PostgreSQL
Le projet
Bennes à verres répond à un problème quotidien d’une banalité révélatrice : combien de fois s’est-on retrouvé avec une bouteille vide à la main, sans savoir où se trouve le point de collecte le plus proche ? Le projet propose un outil mono-fonctionnel, géolocalisé et sans friction — pas de compte obligatoire pour consulter, pas de publicité, juste une carte et la bonne réponse en une seconde.
Mon rôle
Projet personnel mené seul, de la modélisation des données à la mise en ligne : back Symfony, base PostgreSQL, intégration Mapbox, authentification complète avec vérification par email, et UI Twig.
Décisions techniques
- PostgreSQL plutôt que MySQL — la requête de proximité (« les N bennes les plus proches de moi ») se résout naturellement avec les fonctions géospatiales natives de Postgres.
- Mapbox plutôt que Google Maps — la possibilité de styliser totalement la carte permet de coller à l’identité du produit ; le modèle de pricing est aussi plus prévisible pour un projet perso.
- Twig + vanilla JS — pas de framework côté front, parce que la page « carte » est l’essentiel : un script léger pour la géolocalisation et l’affichage des markers suffit largement.
- Fallback manuel obligatoire — beaucoup d’utilisateurs refusent la géolocalisation par défaut ; une recherche par adresse prend le relais sans bloquer le parcours.
Ce que j’en retiens
Bennes à verres m’a appris qu’un produit utile n’a pas besoin d’être gros. Garder le scope verrouillé sur une seule action — trouver une benne — m’a permis d’aller jusqu’au bout et de soigner ce qui compte vraiment : la rapidité de chargement et la précision de la carte. C’est aussi le projet qui m’a confronté pour la première fois à la réalité de l’UX géolocalisée, où un permission denied peut tout casser si on ne l’a pas anticipé.
Galerie
Cliquer pour agrandir

