Étude de cas · Site de gîte

Les Portes de Montafilan : un site de gîte connecté à Airbnb

Présenter le gîte, aider les visiteurs à préparer leur séjour et laisser le propriétaire modifier ses tarifs simplement : trois besoins réunis dans une interface React et TypeScript.

  • React
  • TypeScript
  • Google Sheets
  • iCal
Parlons de votre projet

Le besoin et les contraintes

Le projet devait éviter un abonnement mensuel de plateforme et un backend complexe, tout en conservant des tarifs modifiables sans code depuis un tableur. Le site devait également tenir compte des indisponibilités Airbnb.

La solution réalisée

J’ai développé un site qui présente le gîte et relie la préparation du séjour aux outils déjà utilisés pour sa gestion.

  • Lecture des tarifs depuis Google Sheets.
  • Synchronisation des indisponibilités Airbnb au format iCal.
  • Calcul d’une estimation lisible à partir des dates choisies.
  • Redirection vers Airbnb avec les dates préremplies.

Le parcours du visiteur

Le visiteur découvre le lieu, choisit ses dates et consulte une estimation du séjour. Il poursuit ensuite sa réservation sur Airbnb. Le site accompagne le choix du séjour ; la réservation finale reste gérée sur Airbnb.

Les choix techniques

React et TypeScript structurent l’interface, Vite assure la construction du projet et Tailwind CSS sa présentation. Le projet utilise Vercel pour le déploiement, Brevo pour les emails et Vitest et Playwright pour les tests.

Ce que le site permet

Le propriétaire peut ajuster ses tarifs depuis son tableur. Les visiteurs disposent d’un aperçu du gîte, des dates et d’une estimation avant de rejoindre Airbnb. Le site et son code sont consultables ci-dessous pour découvrir la réalisation.

Voir le site · Explorer le code

Pour aller plus loin

Commençons par votre besoin.

Votre objectif, votre échéance, les outils que vous utilisez : quelques lignes suffisent pour engager la discussion.

Décrire mon projet