portafolio

activo · en desarrollo

2026.jul

&PITA

tienda shopify a medida + app de operación

reconstruimos la tienda de &pita desde cero: tema shopify a medida sobre skeleton + una app de operación con generador de recetas AI.

visitar ypita.com.mx

cover · jarabes naturales

fecha

2026.jul

tipo

cliente externo

dominios

software · e-commerce

lead

Kevin Dueñas

ubicacion

cliente en monterrey, mx

estado

app en producción

contexto

&pita es una marca de jarabes naturales, cold brew y coffee shop en monterrey, en plan shopify basic. su tienda vivía sobre un tema genérico que no dejaba espacio para lógica de negocio propia: mayoreo, cobranza, recetas. la mayoría del tráfico es móvil.

solución

tema a medida sobre skeleton + theme blocks (todo editable desde el editor), más una app extension-only que carga la lógica pesada: shopify function para descuentos, cloud function para el generador AI, y extensiones de admin/POS para operación.

prueba de que existe

video · pendiente

recorrido del generador de recetas · 4 pasos a add to cart

theme check

0

offenses

screenshot · pendiente

PDP jarabes · swap por variante · mobile

shopify function · descuento de cafeterías (extracto)

javascript

// api de descuentos unificada 2025-10
export function run(input) {
  const liters = sumLiters(input.cart.lines);
  if (liters < 4) return { discounts: [] };
  return {
    discountApplicationStrategy: "FIRST",
    discounts: input.cart.lines
      .filter(l => l.merchandise.product.tag == "jarabe")
      .map(l => ({
        targets: [{ productVariant: { id: l.merchandise.id } }],
        value: { fixedAmount: { amount: 40 } }
      }))
  };
}
screenshot · pendiente

carrito drawer · barra de envío gratis + recomendados

screenshot · pendiente

mega menú · productos de colección dentro del header

stack

  • Shopify Liquid (OS 2.0)
  • Shopify Functions (JS→WASM)
  • Firebase Cloud Functions
  • JavaScript · CSS

generador de recetas con AI

extensión de tienda delgada que llama a una firebase cloud function. la LLM y la API key viven en servidor; la tienda arma un flujo de 4 pasos, recomienda producto y hace add-to-cart, instrumentado con GA4.

features de plan plus, sin plus

precio de mayoreo como shopify function (JS a WASM vía Javy) que se desbloquea sola al llegar a 4L de jarabe. patrón repetible para dar AI + descuentos custom a merchants en plan basic.

94

archivos

tema custom · 30 secciones · 0 offenses de theme check · ~2 días

8

extensiones

1 shopify function + 1 theme app + 5 UI admin/cliente + 1 POS

100%

editable

cada sección, bloque y encabezado configurable sin tocar código

equipo

Kevin Dueñas · lead engineer

cliente

&Pita · jarabes naturales · coffee shop · monterrey, mx

¿tienes un proyecto shopify así?

cuéntanos lo que tienes y vemos si encaja.

construyamos algo