Vivero Takumi · Tienda Online
Full-stack Developer · Kensiweb
E-commerce para un vivero de plantas. Los clientes exploran el catálogo, arman el carrito y confirman el pedido con envío o retiro; el equipo gestiona stock, pedidos y usuarios desde paneles por rol.
01. El desafío
Vivero Takumi necesitaba vender plantas online además de la atención presencial. El negocio requería una tienda pública con catálogo por categorías, carrito y checkout, y un backoffice donde distintos perfiles —administrador, encargado y empleado— pudieran operar sin pisarse. Los clientes debían poder registrarse, seguir sus pedidos y recibir confirmación por correo, todo con una experiencia visual cuidada que transmitiera la identidad del vivero.
02. Proceso creativo
A. Tienda pública y flujo de compra
Construí el storefront con React 19 y Tailwind CSS: home con hero animado, catálogo filtrable por categoría, ficha de cada planta con guía de cuidados, carrito persistente y checkout con envío a domicilio o retiro en el local. El flujo guía al cliente desde la exploración hasta la confirmación del pedido con feedback visual en cada paso.
B. Paneles por rol
Diseñé tres áreas internas con rutas protegidas: dashboard del admin/encargado con métricas y gráficos de ventas (Recharts), CRUD de plantas y categorías, gestión de pedidos y usuarios; panel de empleado para actualizar stock y procesar pedidos; área de cliente con historial de compras. Cada rol ve solo lo que necesita para operar.
C. Backend híbrido con Supabase
El catálogo de plantas y categorías vive en Supabase con RLS; la autenticación del super admin también. Los pedidos y usuarios de demo persisten en localStorage para el entorno académico, mientras que Netlify Functions manejan operaciones sensibles: creación de usuarios con service role y envío de correos de confirmación vía Resend, sin exponer claves al navegador.
D. Deploy y formulario de contacto
Desplegué en Netlify con SPA redirects y funciones serverless. El formulario de contacto usa Netlify Forms con honeypot anti-spam. Configuré SEO completo —Open Graph, JSON-LD de GardenStore y favicons— para que la tienda sea descubrible en búsquedas locales.
03. Resultado final
Plataforma operativa en producción en viverotakumi.kensiweb.com. Los clientes compran plantas online con envío o retiro; el equipo administra catálogo, stock y pedidos desde paneles dedicados. El proyecto demuestra un e-commerce completo con roles, backend real en Supabase y deploy serverless, listo para escalar a pagos y persistencia total en base de datos.
