Projet personnel solo — App mobile & web (Expo/React Native, API Express/Postgres) + site vitrine WordPress
Présentation du projet
MURO, c’est un peu à part dans mon portfolio : ce n’est pas un site client, c’est mon propre projet, pensé, designé et développé seul sur mon temps libre. Tout est parti d’une frustration toute simple : un ami passionné de street art n’arrivait jamais à retrouver facilement les fresques, graffs et pochoirs qu’il croisait ou qu’on lui recommandait. Pas de carte centralisée, pas d’outil simple pour les repérer, les partager, garder une trace de ses découvertes.
Le projet couvre en réalité deux briques distinctes : l’application elle-même — la carte collaborative, disponible en web et bientôt sur mobile natif — et un site vitrine WordPress qui présente le projet, héberge un blog dédié au street art, et sert de porte d’entrée vers l’app. Déjà active à Caen, MURO est en cours de déploiement plus largement.
Repérer, partager, garder une trace
Sur la carte, chaque utilisateur peut ajouter une œuvre en quelques secondes : une photo, une localisation (géocodée automatiquement en adresse lisible), et l’artiste si on le connaît. Chaque ajout passe par une modération avant de rejoindre la carte, avec une détection de doublons qui propose de rattacher sa photo à un point déjà existant à proximité plutôt que d’en créer un nouveau.
Au-delà de l’ajout, on peut explorer les œuvres autour de soi, filtrer par style ou par artiste, et garder un « book » personnel — les œuvres qu’on veut trouver, celles qu’on a déjà trouvées. Les artistes peuvent aussi revendiquer leurs œuvres et disposer d’une fiche dédiée avec bio et Instagram. Pas d’abonnement, pas de publicité, pas de revente de données : MURO est gratuite aujourd’hui et le restera.
Une architecture pensée pour tenir sur la durée, seul
Développer seul une application avec carte, contenu généré par les utilisateurs et multi-plateforme oblige à faire des choix d’architecture solides dès le départ. Le cœur de MURO repose sur un monorepo en trois briques : une API Express/TypeScript avec Postgres et Drizzle ORM déployée sur Railway, une base de code Expo unique (React Native + react-native-web) qui sert l’app iOS, Android et web, et un package de types/schémas partagés entre les deux pour garder le front et le back cohérents.
Côté carte, la version native s’appuie sur MapLibre tandis que la géolocalisation profite d’un géocodage inverse automatique via Nominatim/OpenStreetMap. Le stockage des photos et le déploiement de la version web (PWA) reposent sur O2switch, avec un pipeline FTP dédié. Une build Android bêta est déjà disponible en téléchargement direct, et le natif iOS ainsi que les stores sont les prochaines étapes.
Un site vitrine pensé comme une porte d’entrée vers l’app
Le site muro-app.com est un WordPress sur-mesure, séparé du dépôt de l’app, avec ses propres blocs Gutenberg custom en ACF Pro. L’accueil présente le projet à travers un showcase interactif de l’app en scroll verrouillé (GSAP/ScrollTrigger), une explication du concept, et les derniers articles du blog. Le blog, justement, est une vraie section à part entière : actus street art, présentations d’artistes, événements — avec recherche, filtres par catégorie et mise en page dédiée pour chaque article (citations en exergue, crédits photo aux artistes).
Un bandeau de soutien Ko-fi et un toast d’accès rapide à l’app (web, APK Android en direct, bientôt Play Store et App Store) accompagnent la navigation. Toute l’identité visuelle — fond animé topographique, palette bone/rust/noir, la marque « MURO » toujours affichée dans sa typo pixel — est cohérente avec l’app elle-même.
Résultat
MURO, c’est aujourd’hui un projet complet et cohérent : une app fonctionnelle en web et en bêta Android, et un site vitrine WordPress qui la présente, la documente via son blog, et donne à la communauté un lieu pour suivre le projet en dehors de la carte elle-même.
Ce projet montre une autre facette de mon travail : au-delà des boutiques WooCommerce et Shopify que je livre à mes clients, MURO illustre ma capacité à concevoir un produit de bout en bout — de l’architecture technique de l’app jusqu’au site qui la présente, en passant par l’identité visuelle et la gestion d’une communauté d’utilisateurs.