Table of Contents

• Thembalethu Farm House (Main Website)
  • Overview
  • Notable Features
    • Online Booking System
    • Contact Form
    • Galary

Thembalethu Farm House (Main Website)

Overview

This project was started from scratch (from domain registration to SEO). it is also my first project written with Nuxt.js.

Wesite has a booking and a contact form integrated with Airtable.

Client manages bookings and contact messages from one central location on Airtable.

I did all the below for the client:

• Domain registration
• Companny Email Account
• Frontend Development
• Backend Development
• Airtable account creation
• Airtable Integration and Automation
• Website Hosting
• Google account creation
• Google Search Console Integration
• Google My Business Account Creation and Integration
• Google SEO Optimization
• Plausible Analytics Integration
• Website Upkeep and Maintenance

Notable Features

Online Booking System

Website handles all the logic for the booking system, once form is submitted data is sent to Airtable where owner can manage all bookings.

Owner will be notified via email every time a booking is made.

Airtable will run a few automation after submission to check availability, but will only send a confirmation email to the client once the booking is confirmed by the client.

Image from Website

Image from Airtable

Image from Airtable

Image from Airtable

Contact Form

Submitted data is sent to Airtable where owner can manage all contact messages.

Airtable will send a confirmation email to the client and owner.

Image from Website

Image from Airtable

Galary

This may look like a simple galary. But it is not. It uses a Lazy Load technique to load images only when they are close to entering the viewport.

Thumbnails are also sugnificantly smaller than the full size images, this improves the user experience and reduces data usage.

Full size images are loaded only when clicked.

Image from Website