Project Overview
Coco Guest House is a small guest house looking for a simple way to introduce itself online — somewhere guests could see real photos of the rooms, read about the property, and quickly get in touch or book, instead of relying on scattered listing photos and DMs alone.
This was our very first project — built before Laravel, before any framework, using nothing but HTML, CSS, and vanilla JavaScript. No backend, no database — just a clean, fast, single-purpose site whose only job is to present the guest house well and point visitors to the right place to actually book or ask a question.
Technical Challenges
With no framework and no build tools, everything came down to writing clean, well-structured HTML and CSS by hand — organizing a responsive photo gallery, keeping the layout consistent across devices, and making sure a guest house owner with no technical background could hand over new photos or text without anything breaking.
The other core challenge was connecting the site to the outside world without any backend: wiring up direct deep links to the property's Airbnb and Agoda listings, a click-to-chat WhatsApp link for direct questions, and a Google Maps link for directions — so every path a guest actually uses to book or find the place is one tap away.
Key Features
A photo gallery showcasing the rooms and property, a clear description of the guest house and its amenities, and a simple set of action links: book on Airbnb, book on Agoda, message directly on WhatsApp, and get directions via Google Maps. No accounts, no booking logic to maintain — just a fast, honest front door for the property, and one place to send guests instead of five.