Étude de cas · Site de gîte

Les Portes de Montafilan

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

Voir le site · Explorer le code

Donner envie de venir. Faciliter le séjour.

  1. Découvrir

    Explorer le gîte et se projeter dans son séjour.

  2. Préparer

    Choisir ses dates et consulter une estimation du tarif.

  3. Réserver

    Rejoindre Airbnb avec ses dates préremplies pour finaliser.

Mon rôle
Développement web

Une interface React et TypeScript connectée aux outils du propriétaire.

Le parcours
Du gîte à la réservation

Présentation du lieu, choix des dates et passage vers Airbnb.

Le défi
Une gestion sans code

Des tarifs modifiables depuis Google Sheets et des indisponibilités issues d’Airbnb.

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