MrK.

PortfolioBuenos Aires2026

Santiago Morales Marek

Estudio Ingeniería en Inteligencia Artificial y hago productos web de punta a punta: los pienso, los diseño, los programo y los pongo online para que los use gente real.

  1. 01A ManoRecetas con IA
  2. 02Miti-MitiGastos compartidos
  3. 03Carta LocalMenú digital y pedidos
  4. 04Abajo del ColchónFinanzas personales
  5. 05Vitrina8 ejemplos de diseño

01Producto propio2026

A Mano

Cocina latinoamericana que se adapta a lo que tenés en la heladera, a tu país y a tu nivel. Con lo que hay, alcanza.

A Mano en el celular.
Recetas en español
800+
Países
73
Medallas
21

Empezó como un recetario y se convirtió en un producto con marca propia, dominio y comunidad. Lo más interesante está en los detalles:

  • Manitas, un asistente de cocina con IA (Google Gemini) que conoce la receta abierta y responde “no tengo…”, “somos 2” o “sin horno” con reemplazos. Corre en una función del servidor, así la clave nunca llega al navegador, y tiene límite diario por persona.
  • Catálogo traducido: las 791 recetas de TheMealDB pasadas al español con un script propio, más las de la casa y las que sube la comunidad.
  • Modo cocina para ir tildando ingredientes y pasos, con temporizadores que salen solos de frases como “hornear 20 minutos”.
  • Cuentas y recetas propias con foto (se achica en el celular antes de subirla), juegos diarios, medallas y un torneo con premio.
  • Publicación automática en Instagram a partir de un calendario de contenido.
  • JavaScript sin build
  • Supabase
  • Vercel Functions
  • Gemini API
  • Python

Ver el sitio Código en GitHub

02Producto propio2026

Miti-Miti

Para dividir gastos entre amigos: anotás quién pagó qué y te dice quién le debe a quién, con la menor cantidad de transferencias. Las cuentas claras.

Miti-Miti en el celular.
Transferencias como máximo para n personas
n−1
Decimales en los montos: todo en centavos
0
Personas simuladas en los tests de permisos
3

El proyecto donde más cuidé la ingeniería: la plata tiene que cerrar al centavo y cada grupo tiene que ser privado de verdad.

  • Algoritmo para saldar: calcula el saldo neto de cada persona y, en cada paso, quien más debe le paga a quien más le deben. Una prueba con grupos y montos al azar verifica que todos terminen en cero.
  • Dinero en centavos enteros: los centavos que sobran al dividir se reparten de a uno, así la suma siempre cierra. Entiende montos como se escriben acá: “1.500,50”.
  • Seguridad en la base, no en el front: todas las tablas con Row Level Security, y unirse o crear grupos pasa por funciones SQL. Tests de permisos que corren en la CI contra un Postgres real.
  • Tiempo real: si alguien del grupo carga un gasto, el resto lo ve aparecer sin recargar.
  • Sin contraseñas: se entra con Google o con un link por mail, y a los grupos con un link de invitación que se puede regenerar.
  • React
  • TypeScript
  • Supabase Realtime
  • Postgres RLS
  • Vitest
  • GitHub Actions

Ver el sitio Código en GitHub

03Producto para comercios2026

Carta Local

Web, carta con QR y pedidos por WhatsApp para rotiserías, bares y cafeterías del barrio. Sin comisiones por venta.

La carta de la rotisería en el celular, con empanadas y precios.
Código nuevo por local
0
Mensaje con el pedido
1
Carteles QR por hoja A4
4

Pensado como servicio para comercios chicos: el mismo código sirve a todos los locales, y cada local es un archivo de datos con su carta, su marca y sus horarios.

  • Pedido por WhatsApp en un único mensaje ordenado: productos, retiro o envío, forma de pago y total.
  • Panel del dueño desde el celular: cambiar precios uno por uno o con aumento por porcentaje, marcar agotados, editar horarios y publicar el aviso del día.
  • QR y carteles de mesa listos para imprimir, en SVG para imprenta o PNG.
  • “Abierto · cierra a las 15” calculado con la hora argentina, e ilustraciones de línea propias para cada local.
  • La lógica (precios, horarios, pedido) está separada de la interfaz y cubierta con tests.
  • TypeScript
  • Vite
  • Supabase
  • Vitest
  • Vercel

Ver la demo Otra demo: Café Almendra

¿Otro estilo para la carta? Las cartas de la Vitrina son propuestas de diseño que se pueden llevar a un local.

04App web instalable2026

Abajo del Colchón

Un gestor de finanzas personales para saber en qué se va la plata, en pesos y en dólares. Instalable en el celular.

Abajo del Colchón en el celular (datos de ejemplo).
Capturas con datos de ejemplo.
Monedas
2
Vistas
4
Instalable
PWA

Una app con cuentas de usuario y los datos de cada persona protegidos en la base. Nació para ordenar mis propios gastos y la fui puliendo con el uso.

  • Lee el resumen de la tarjeta en PDF y carga los gastos solo, incluidas las cuotas.
  • Pesos y dólares por separado, con balance del mes por moneda y por cuenta (efectivo, banco, billetera virtual).
  • Pagos recurrentes para tildar cada mes, metas de ahorro con progreso y cuotas pendientes.
  • Resumen por categorías, modo oscuro y funcionamiento como app instalada.
  • React
  • Vite
  • Supabase
  • pdf.js
  • PWA

Abrir la app Pide crear una cuenta.

05Colección de diseño2026

Vitrina

Cartas de restaurante, landings y apps para clientes ficticios. Ninguna comparte diseño: cada una tiene su tipografía, su paleta y sus propias interacciones.

Ejemplos
8
Diseños repetidos
0
Familias tipográficas
14

Un ejercicio para probar estilos muy distintos con el mismo rigor: cada ejemplo tiene su lógica separada de la interfaz y cubierta con tests, se usa con teclado y respeta “reducir movimiento”.

  • TypeScript
  • Vite
  • CSS a mano
  • SVG
  • Vitest
  • GitHub Actions

Ver la galería Código en GitHub

Las cartas son propuestas de diseño; Carta Local es el sistema que las pone a funcionar en un local, con pedidos, QR y panel para el dueño.

  • Carta · Carta de parrilla

    Bodegón Don Ernesto

    Pizarra y papel madera, como la carta de siempre pero en el celular.

    • Pestañas que siguen el scroll
    • Filtros sin TACC y veggie
    • Pedido con total y envío por WhatsApp
  • Carta · Carta de café de especialidad

    nube

    Minimalista y luminosa, con dibujos de línea y modo noche.

    • Tarjetas de origen que se dan vuelta
    • Precios según tamaño y leche
    • Modo día y noche
  • Carta · Pizzería napolitana

    Tano

    Cartel de neón viejo y mantel a cuadros, con una pizza que se arma en pantalla.

    • Armador de pizza en SVG
    • Mitad y mitad
    • Precio en vivo y pedido
  • Carta · Bar de tragos de autor

    Neblina

    Art déco nocturno, dorado sobre negro, con cuenta regresiva del happy hour.

    • Test que te recomienda un trago
    • Perfil de sabor en radar
    • Happy hour en vivo
  • Landing · Estudio de yoga y pilates

    Pulso

    Formas orgánicas que respiran y tipografía serif en cursiva.

    • Respiración guiada
    • Horarios filtrables con reserva
    • Carrusel y planes con descuento
  • Landing · Bicis eléctricas

    Volta

    Oscura y tecnológica, con acento neón que cambia con tu elección.

    • Configurador de color y modelo
    • Calculadora de ahorro
    • Animaciones al bajar
  • App · Turnero de barbería

    Filo

    Reserva en cinco pasos con horarios ocupados de verdad y resumen siempre a la vista.

    • Reserva paso a paso
    • Mis turnos guardados
    • Evento para el calendario (.ics)
  • App · Panel de ventas

    Mercadito Verde

    Dashboard de una tienda orgánica: indicadores, comparación con el período anterior y modo oscuro.

    • Gráficos con tooltip y vista de tabla
    • Rango de 7, 30 o 90 días
    • Tabla ordenable con búsqueda

Los negocios, las personas y los precios son ficticios. Pasá el mouse por una captura para recorrer la página.

Sobre mí

Me gusta construir cosas que la gente realmente use. Cada proyecto de esta página resuelve un problema concreto y está online, funcionando.

Me interesa sobre todo llevar la inteligencia artificial a productos concretos, con una interfaz cuidada: que la IA sume algo útil en el momento justo, como Manitas cuando te falta un ingrediente a mitad de la receta.

  • JavaScript
  • TypeScript
  • React
  • HTML y CSS
  • Python
  • Supabase
  • Vercel
  • APIs de IA