Case study · Holiday cottage website

Les Portes de Montafilan: a holiday cottage website connected to Airbnb

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
Let’s talk about your project

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