Página con panel administrativo

Plataforma web para kennel de mascotas

Sitio web de producción para un kennel de Basset Hound en Alajuela, Costa Rica, activo desde 2020. El reto principal: que el cliente pudiera actualizar su inventario de cachorros sin depender de un desarrollador ni pagar un backend.

Solución técnica destacada

Se implementó Google Sheets como CMS headless: el cliente edita una hoja de cálculo y el sitio refleja los cambios automáticamente. Un hook personalizado (useSheetCsv) orquesta el fetch, parseo CSV con PapaParse, normalización multilingüe de columnas y estados, y gestión de estado con control de errores y cleanup.

Funcionalidades clave

Catálogo dinámico con filtro por disponibilidad (disponible / apartado / vendido), actualizado en tiempo real desde Google Sheets sin backend ni base de datos.
Integración WhatsApp con deep links — cada tarjeta genera un mensaje preescrito con el nombre, género, edad y temperamento del cachorro. Un clic conecta al comprador directamente con el vendedor.
Carrusel de cachorros vendidos con scroll suavizado y navegación manual.
Blog de contenido con 6 artículos sobre la raza para posicionamiento SEO.
Testimonios de clientes reales de Costa Rica y El Salvador como prueba social.
Microdata Schema.org en los listados de productos para rich snippets en buscadores.

Diseño y frontend

CSS completamente artesanal sin framework de UI externo — sistema de diseño propio con Custom Properties, CSS Grid, Flexbox y gradientes. Tipografía y paleta de color elegidas para generar calidez y confianza en el contexto de una mascota familiar. Diseño mobile-first con imágenes lazy-loaded para Core Web Vitals óptimos.

Stack

React 19 · Vite · PapaParse · CSS3 · Bootstrap (utilidades vía CDN) · Google Sheets API (CSV) · Schema.org · WhatsApp Business deep links