Projects

VillaFact is a property intelligence platform built around one idea: every home should have a "Home Record," a single, living source of truth for its systems, appliances, condition and risks. It serves vacation rental operators, property managers, investment and second-home owners, and the vendors and insurers who work with them. Owners and managers stop relying on guesswork and get verified facts, photos and documents that grow with the property and make it easier to sell, rent, insure and maintain.

On the engineering team, I owned the front-end styling and UI system. I designed and built the styling foundation on Tailwind CSS 4, with semantic color tokens, text and background aliases, typography, spacing and breakpoint utilities, and full light and dark mode support. On top of Nuxt UI 4, I created and maintained a library of shared components (drawers, confirmation flows, alerts, headings, form fields, empty and loading states, and more), so every screen in the product looks and behaves the same way. I worked closely with our design team to turn their mockups and design patterns into reusable, documented components. I also wrote UI guidelines and custom lint rules, so the design language holds up as the codebase grows.

The app itself is a Nuxt and Vue 3 single-page application written in TypeScript. It uses TanStack Query for data fetching, Zod for validation and Firebase for authentication, Firestore data and storage. Capacitor ships it as a native iOS and Android app, and it also runs as an installable PWA with offline support. Behind it, Firebase Cloud Functions and Google's Gemini models power AI features such as photo analysis and property data enrichment. Building VillaFact's UI system taught me how much a well-built design foundation lets a product team move fast without losing polish, and how to make a complex, data-heavy product feel simple for the homeowners and managers who use it every day.