Application web de recommandations musicales géolocalisées
Alexis crée une application PWA qui génère des playlists musicales basées sur la géolocalisation en combinant Windsurf, une API PHP, Claude Haiku et N8N pour Spotify.
Stack technique
Outils utilisés
Résumé de la session
Alexis a commencé par une préparation méthodologique exemplaire : création d'un schéma d'architecture dans Whimsical, puis génération des user stories complètes avec Claude qu'il a importées dans Airtable pour un suivi structuré. Son idée : une app qui propose de la musique locale en fonction de la géolocalisation de l'utilisateur.
Il a d'abord tenté de développer avec Bolt, mais des problèmes récurrents de connexion serveur l'ont obligé à abandonner et passer sur Windsurf. Il a dû exporter le code de Bolt et le reprendre dans un environnement local.
Alexis a ensuite construit progressivement son application : d'abord la géolocalisation, puis une API PHP pour le reverse geocoding via OpenStreetMap, suivie de l'intégration de Claude Haiku pour générer des mots-clés musicaux en fonction du lieu.
Pour l'intégration Spotify, face à la complexité de l'OAuth, il a opté pour une approche hybride en créant un workflow N8N qui gère l'authentification Spotify et expose un webhook. Son API PHP appelle ce webhook avec les mots-clés pour récupérer des tracks.
Malgré quelques difficultés de configuration N8N (agrégation des résultats, URLs de test vs production), l'application finale fonctionne : elle géolocalise l'utilisateur, génère des mots-clés musicaux contextuels, récupère des morceaux Spotify correspondants et les affiche avec des embeds jouables.
Il a d'abord tenté de développer avec Bolt, mais des problèmes récurrents de connexion serveur l'ont obligé à abandonner et passer sur Windsurf. Il a dû exporter le code de Bolt et le reprendre dans un environnement local.
Alexis a ensuite construit progressivement son application : d'abord la géolocalisation, puis une API PHP pour le reverse geocoding via OpenStreetMap, suivie de l'intégration de Claude Haiku pour générer des mots-clés musicaux en fonction du lieu.
Pour l'intégration Spotify, face à la complexité de l'OAuth, il a opté pour une approche hybride en créant un workflow N8N qui gère l'authentification Spotify et expose un webhook. Son API PHP appelle ce webhook avec les mots-clés pour récupérer des tracks.
Malgré quelques difficultés de configuration N8N (agrégation des résultats, URLs de test vs production), l'application finale fonctionne : elle géolocalise l'utilisateur, génère des mots-clés musicaux contextuels, récupère des morceaux Spotify correspondants et les affiche avec des embeds jouables.