🚴‍♂️ RideSync — créée en seulement 4 heures avec une IA

Romane, 22 ans, quand on discute dans une piscine : « je voudrais bien créer ma propre plateforme pour organiser des sorties vélo … »

C’est avec cette idée simple que j’ai fait une démo du projet RideSync, un outil communautaire où chacun peut proposer des balades à vélo autour de chez lui, rejoindre celles des autres, voir une carte des événements, et même consulter les profils des participants. Le tout a été construit en 4 heures chrono, avec l’aide précieuse d’une Intelligence Artificielle (IA) !
Voici le récit technique et humain de cette petite aventure numérique ⚙️💡

---

🧱 Version 1 : l’idée prend forme

On commence par le socle : un petit site en PHP/MySQL, sans framework, sans dépendance compliquée. J’ai demandé à l’IA de m’aider à générer :

• ✅ Une base de données
• ✅ Des formulaires d’inscription / connexion sécurisés
• ✅ Un tableau de bord personnel (dashboard) pour voir ou créer ses sorties
• ✅ Une interface pour créer une sortie via une carte interactive (Leaflet.js)

Ce que l’IA m’a apporté ?
Elle a généré du code propre, structuré, avec une séparation claire entre HTML, PHP et JS. Elle m’a aussi proposé les premières idées de design : des boutons simples, une carte, un rayon de balade dessiné en cercle, etc.

---

🚀 Version 2 : aller plus loin dans l’interaction

Après avoir posé les bases, j’ai voulu rendre la plateforme plus vivante :

• ✍️ Affichage de toutes les sorties créées par les autres
• 🔄 Inscription à une sortie (avec un bouton qui change dynamiquement)
• ❌ Désinscription possible
• 🧾 Affichage de la liste des participants
• 🧠 Cartes qui se chargent à la demande (pour optimiser les performances)

L’IA m’a été utile pour :

• Faire les requêtes SQL juste ce qu’il faut
• Intégrer des formulaires légers dans les popups de carte
• M’assurer que tout soit mobile responsive sans surcharger le code

---

🌍 Version 3 : enrichir les données

La V3 a été une version orientée contenu :

• 📌 Ajout d’un champ location_desc pour décrire le point de RDV (ex: “devant la mairie”)
• 🎯 Génération de données de test réalistes : 100 utilisateurs, 300 sorties
• 👥 Visualisation des sorties par niveau de difficulté (débutant / intermédiaire / avancé)
• 💬 Popup au survol d’un nom pour voir son profil public

C’est ici que l’IA a vraiment brillé :

Elle a généré les scripts SQL, les fausses données réalistes (emails, noms, localisations), et même une interface légère pour afficher la fiche d’un utilisateur dans un simple <div> dynamique.

---

🗺 Version 4 : la carte devient interactive

Cette version a apporté beaucoup de valeur :

• La page /map.php montre toutes les sorties sur une carte
• Il est possible de s’inscrire à une sortie directement via un popup sur la carte
• Le rayon de la balade est dessiné visuellement
• L’IA a géré le fait de garder le zoom et la position de la carte après une action (via JavaScript et localStorage)

---

🎨 Design et cohérence

Avec l’aide de l’IA, j’ai aussi obtenu :

• 🖼 Un logo et une bannière générés automatiquement via des prompts
• 💻 Une charte graphique unifiée : couleurs, header, footer, boutons…
• 📱 Un layout responsive, mobile-first, avec menu hamburger

---

📦 Bonus : Docker, scripts, performances

Même si je suis débutant en infrastructure, l’IA m’a aussi proposé :

• 🐳 Un fichier docker-compose.yml prêt à lancer une stack PHP/MySQL
• 🛠 Des scripts pour initialiser la base de données, injecter les données de test
• ⚙️ Des conseils pour le versionnement, le backup, et l’export SQL

---

🤖 Une collaboration ultra-efficace avec l’IA

Ce qui m’a bluffé :

✅ L’IA ne fait pas que du code : elle pense à l’expérience utilisateur, à l’ergonomie, au design
✅ Elle corrige ses erreurs, ajuste en fonction de mes retours
✅ Elle me permet de tester rapidement, de comprendre ce que je fais
✅ Elle m’apprend au passage : SQL, JavaScript, HTML, PHP…

En 4 heures, je suis passé d’une idée vague à une demo de plateforme, testable, presque publiable !

---

✨ Conclusion : ce que j’ai appris

Créer une petite app web n’est plus réservé aux développeurs experts. Avec un peu de logique, une bonne IA et de la curiosité, on peut construire des outils utiles, performants et bien conçus.
RideSync n’est peut-être qu’un PoC (proof of concept), mais il m’a donné confiance pour créer d’autres projets. Et surtout, j’ai compris qu’avec une IA bien guidée, on peut aller très, très vite 🚀

---

🧠 Envie de tester par toi-même la démo ?
https://ridesync.borninthe80s.fr