Case study · Holiday cottage website

Les Portes de Montafilan

Present the cottage, help visitors plan their stay and let the owner update prices easily: three needs brought together in a React and TypeScript interface.

  • React
  • TypeScript
  • Google Sheets
  • iCal

Visit the website · Explore the code

Inspire a visit. Make planning easier.

  1. Discover

    Explore the holiday home and picture the stay.

  2. Plan

    Choose dates and review an estimated price.

  3. Book

    Continue to Airbnb with prefilled dates to complete the booking.

My role
Web development

A React and TypeScript interface connected to the owner’s tools.

The journey
From discovery to booking

Property presentation, date selection and a handoff to Airbnb.

The challenge
Management without code

Rates editable in Google Sheets and unavailable dates from Airbnb.

The needs and constraints

The project needed to avoid a monthly platform subscription and a complex backend, while keeping prices editable without code in a spreadsheet. The website also had to take Airbnb unavailable dates into account.

The solution I built

I developed a website that presents the cottage and connects stay planning to the tools already used to manage it.

  • Read prices from Google Sheets.
  • Synchronise Airbnb unavailable dates through iCal.
  • Calculate a clear estimate from the selected dates.
  • Redirect to Airbnb with dates prefilled.

The visitor journey

Visitors discover the property, choose their dates and view an estimate for their stay. They then continue their booking on Airbnb. The website helps them plan their stay; the final booking is handled on Airbnb.

Technical choices

React and TypeScript structure the interface, Vite builds the project and Tailwind CSS handles styling. The project uses Vercel for deployment, Brevo for emails, and Vitest and Playwright for testing.

What the website makes possible

The owner can adjust prices in their spreadsheet. Visitors get an overview of the cottage, dates and an estimate before moving on to Airbnb. The website and its code are linked below so you can explore the finished project.

Visit the website · Explore the code

Explore further

Let’s start with your needs.

Your goal, your deadline, the tools you use: a few lines are enough to start the conversation.

Describe my project