NuestroPortafolio

Demo Scheduler

Resumen del Proyecto

Mostramos el planeador de turnos para restaurantes de Aguilabs a prospectos, y los horarios, sueldos y ventas de un cliente real no son nuestros para enseñarlos. Por eso construimos una demo alrededor de El Trompo Cantina, una marca que inventamos: cada sucursal, persona y número en ella es inventado. El prospecto entra con un código de invitación de un solo uso, planea una semana de turnos, ve la cobertura por media hora y observa cómo cambian el personal óptimo y el porcentaje de mano de obra al mover un turno. Las ventas por hora se capturan a mano o se importan de un reporte del punto de venta, la semana se imprime o se exporta a Excel, y la app se instala en el celular con un editor día por día.

Funciones Clave

• Marca ficticia con sucursales, personas y números inventados
• Planeación semanal de turnos con cobertura por media hora
• Personal óptimo y porcentaje de mano de obra a partir de las ventas por hora
• Ventas por hora importadas de un reporte del punto de venta
• Códigos de invitación de un solo uso que fijan sucursal y nivel de acceso

Tecnologías Utilizadas

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Supabase
• AWS SES

Resultados e Impacto

• Datos Inventados, Ningún Cliente Expuesto: Demo
• Ventas por Hora Importadas: POS → app
• Porcentaje de Mano de Obra, al Planear: %

Visitar el Sitio

Anabella Aguilar · Portafolio

Resumen del Proyecto

Anabella Aguilar estudia mercadotecnia en Texas A&M y quería un portafolio que llamara la atención de un reclutador. Construimos anabellajaguilar.com como un sitio interactivo. Sus prácticas en Vogue México y su trabajo de agencia en Surfing Penguin se abren cada uno como una escena 3D: la cámara recorre el espacio conforme te desplazas, y las piezas en exhibición se acercan cuando pasas el cursor sobre ellas. Alrededor de las escenas hay páginas para sus diseños de eventos en Texas A&M, sus habilidades contadas como una visita al supermercado y sus otros proyectos, con su currículum a un clic. El sitio es HTML, CSS y JavaScript sin framework, con Three.js, y tiene su propio diseño para celular.

Funciones Clave

• Dos escenas 3D en Three.js que avanzan al desplazarte
• Piezas en exhibición que se acercan al pasar el cursor
• Habilidades contadas como una visita al supermercado, del carrito al recibo
• Páginas de diseño de eventos con una serie de hojas informativas para hojear
• Currículum descargable y un diseño hecho para celular

Tecnologías Utilizadas

• Three.js
• Vite
• JavaScript
• HTML
• CSS
• Vercel

Resultados e Impacto

• Escenas que se Recorren al Desplazarte: 3D
• Hecho sin Framework: Three.js
• Currículum a un Clic: PDF

Visitar el Sitio

NUAIR

Resumen del Proyecto

NUAIR es un taller de El Paso que crea fragancias de lujo para interiores y quería una tienda a la altura de sus aromas. Levantamos una página de inicio cinematográfica, guiada por el desplazamiento, y una tienda para sus aromatizantes en spray inspirados en hoteles, sus difusores de varillas y el sistema de difusión por aire frío Studio 1, junto con un formulario de aromatización para hoteles y oficinas. El pago corre por Square, la tienda recoge suscripciones al newsletter, los correos de pedido y de consulta salen por Amazon SES, y el dueño maneja productos, pedidos y aromas destacados desde un panel detrás del mismo sitio.

Funciones Clave

• Página de inicio cinematográfica guiada por el desplazamiento
• Aromatizantes en spray y difusores de varillas inspirados en hoteles
• Sistema de difusión por aire frío Studio 1
• Formulario de aromatización para hoteles y oficinas
• Pago con Square, suscripción al newsletter y correos de pedido

Tecnologías Utilizadas

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Supabase
• Square
• AWS SES

Resultados e Impacto

• Pago y Cobro: Square
• Difusor de Aire Frío: Studio 1
• Hecho y Vendido Localmente: El Paso

Visitar el Sitio

Corksplit

Resumen del Proyecto

Corksplit es un club de cenas de vino solo por invitación, y lo incómodo de una cena de vino siempre es la cuenta: una botella cuesta más que todo lo demás junto y alguien termina cargándola. Corksplit lo resuelve antes de que empiece la noche. Los administradores y el sommelier del club publican cada cena con una carta de botellas curada, los socios hacen su RSVP para apartar un lugar, y el total de las botellas de la noche se divide en partes iguales entre los lugares de la mesa: cada socio ve su parte por lugar moverse en vivo conforme se llenan la carta y la mesa, y nadie paga el Montrachet solo. La app lleva la marca oficial de Corksplit en un tema claro y oscuro a la luz de las velas, y los socios entran con su cuenta de la Red Aguilabs.

Funciones Clave

• Cenas publicadas con una carta de botellas curada por el sommelier
• RSVP de los socios por lugar en la mesa
• Parte por lugar en vivo conforme se divide el total de las botellas
• Tema claro y oscuro a la luz de las velas con la marca oficial de Corksplit
• Inicio de sesión con la Red Aguilabs

Tecnologías Utilizadas

• Next.js
• React
• TypeScript
• Supabase
• Tailwind CSS

Resultados e Impacto

• Quién Arma la Carta de Botellas: Sommelier
• Cómo Aparta su Lugar Cada Socio: RSVP
• Las Botellas de la Noche, Divididas entre la Mesa: ÷

RemudaBook

Resumen del Proyecto

Bar 3 Quarter Horses cría caballos cuarto de milla AQHA, y la app con la que llegaron corría por completo en el navegador: todo lo que una operación de 50 a 300 cabezas necesita registrar vivía en una aplicación de una sola página del lado del cliente, sin nada detrás. Tomamos el proyecto y lo reconstruimos para producción como una aplicación full-stack con su propia capa de API. Hoy Los Ojitos lleva caballos, reproducción, vacunas y alimentación junto con el dinero (gastos, ingresos, compras de capital, cuentas, movimientos, ventas y proyección), así que cada caballo carga su propia historia financiera desde la concepción hasta la venta. Los reportes se arman con un constructor de reportes, el equipo tiene su propia configuración, y la app es bilingüe, trabaja en dólares y en pesos, y se instala en el celular.

Funciones Clave

• Expediente de cada caballo con reproducción, vacunas y alimentación
• Finanzas con gastos, ingresos, compras de capital, cuentas y movimientos
• La historia financiera de cada caballo desde la concepción hasta la venta
• Ventas, proyección, constructor de reportes y configuración del equipo
• Bilingüe EN/ES, doble moneda y app instalable en el celular

Tecnologías Utilizadas

• Next.js 14
• React 18
• TypeScript
• Supabase
• Netlify

Resultados e Impacto

• Cabezas Administradas: 50–300
• Bilingüe de Principio a Fin: EN/ES
• Las Dos Monedas, Lado a Lado: USD/MXN

BodyNova Wellness

Resumen del Proyecto

BodyNova Wellness necesitaba presentar sus péptidos de investigación al público de El Paso sin que el sitio se leyera como una tienda. Construimos un sitio informativo bilingüe donde el visitante recorre el catálogo según el objetivo que le interesa y llega a fichas de producto con formato de etiqueta de laboratorio: número de lote, fecha y nota de refrigeración. Un aviso de uso exclusivo para investigación protege la entrada al catálogo, las consultas salen directo por WhatsApp y el negocio administra productos y consultas desde un panel integrado en el mismo sitio.

Funciones Clave

• Catálogo que se recorre por objetivo
• Fichas de producto tipo etiqueta de laboratorio con lote, fecha y refrigeración
• Aviso de uso exclusivo para investigación
• Consultas directas por WhatsApp
• Panel del negocio para catálogo y consultas

Tecnologías Utilizadas

• Nuxt 3
• Vue 3
• TypeScript
• Tailwind CSS 4
• Supabase
• AWS SES

Resultados e Impacto

• Idiomas en Vivo: EN/ES
• Consultas que Llegan Directo: WhatsApp
• Catálogo Autogestionado: Admin

Visitar el Sitio

Met 1 Reports

Resumen del Proyecto

Los números de Met 1 vivían en Google Sheets y en hojas de cálculo exportadas, así que cada reporte recurrente significaba que alguien lo rehiciera a mano. Met 1 Reports es un estudio de reportes: conectas un rango de Google Sheets o subes un archivo de Excel o CSV, armas el reporte con widgets de KPI, gráficas y tablas, y le asignas un horario y una audiencia. Los reportes se envían solos por correo a diario, cada semana o cada mes, y las fuentes, las audiencias, los horarios y la bitácora de actividad viven en un mismo lugar.

Funciones Clave

• Rangos de Google Sheets y archivos de Excel o CSV como fuentes
• Reportes armados con widgets de KPI, gráficas y tablas
• Envíos por correo diarios, semanales o mensuales
• Audiencias definidas por reporte
• Bitácora de actividad de fuentes, reportes y envíos

Tecnologías Utilizadas

• Nuxt 3
• Supabase
• Google Sheets API
• AWS SES

Resultados e Impacto

• Fuentes de Datos Compatibles: Sheets + Excel
• Cómo Llegan los Reportes: Email
• Envíos Diarios, Semanales o Mensuales: Auto

Visitar el Sitio

ROMA Admin Suite

Resumen del Proyecto

Grupo ROMA llevaba sus proyectos, la capacitación de su personal y las evaluaciones de desempeño en tres lugares distintos, y ninguno se hablaba con los demás. ROMA Admin Suite junta los tres en una sola plataforma: por un lado proyectos y capacitación, y por el otro un módulo de desempeño que califica cada mes a cada empleado con un Balanced Scorecard. Los gerentes reciben rankings y resúmenes de su equipo, y el organigrama define quién ve y quién autoriza qué, hasta el seguimiento de costos indirectos. Toda la interfaz está pensada en español.

Funciones Clave

• Gestión de proyectos y capacitación del personal en una plataforma
• Balanced Scorecard mensual por empleado
• Rankings de equipo y resúmenes para gerentes
• Organigrama que define permisos y autorizaciones
• Seguimiento de costos indirectos

Tecnologías Utilizadas

• Nuxt 3
• Vue 3
• Supabase
• Chart.js

Resultados e Impacto

• Balanced Scorecard Mensual por Empleado: BSC
• Sistemas Unidos en Una Plataforma: 3 → 1
• Interfaz en Español: ES

Visitar el Sitio

350º Delights

Resumen del Proyecto

350º Delights recibía sus pedidos de cajas de regalo y de repostería por mensajes en redes sociales y no tenía forma de llevar bien su inventario. Construimos un sitio de comercio electrónico completo para las cajas de regalo y el menú, con Square para el pedido y el pago. Detrás, el negocio maneja pedidos e inventario, manda su newsletter y publica en redes desde el mismo lugar, con plantillas de correo propias para cada etapa del pedido.

Funciones Clave

• Tienda de cajas de regalo y menú de repostería
• Pedidos y pagos con Square
• Gestión de pedidos e inventario
• Newsletter e integración con redes sociales
• Plantillas de correo propias

Tecnologías Utilizadas

• Next.js 16
• React 19
• Tailwind CSS 4
• Supabase
• Square

Resultados e Impacto

• Pedidos y Pagos: Square
• Donde se Hornea: El Paso
• Canal de Clientes Frecuentes: Newsletter

Visitar el Sitio

Met 1 Franks · Horarios

Resumen del Proyecto

Un franquiciatario de Wienerschnitzel con varias sucursales planeaba los turnos de cada semana en un solo archivo de Excel, y los números de mano de obra solo salían bien si nadie rompía una fórmula. Cambiamos el archivo por un planeador semanal de turnos: un horario con código de colores por sucursal, las ventas por hora capturadas junto a él, y el personal óptimo y el porcentaje de mano de obra calculados en el momento en que cambias un turno. El planeador es bilingüe, así que cada gerente lo usa en el idioma en el que trabaja.

Funciones Clave

• Horario semanal con código de colores por sucursal
• Ventas por hora capturadas junto al horario
• Personal óptimo calculado al instante
• Porcentaje de mano de obra que se actualiza al cambiar un turno
• Interfaz bilingüe para los gerentes

Tecnologías Utilizadas

• Nuxt 3
• Supabase

Resultados e Impacto

• Lo Que Reemplazó: Excel → app
• Horarios Bilingües: EN/ES
• Porcentaje de Mano de Obra, al Planear: %

Visitar el Sitio

What's The Move

Resumen del Proyecto

What's The Move es una plataforma social de encuestas basada en ubicación que convierte la indecisión sobre la vida nocturna en un juego en tiempo real. El ecosistema se divide en dos bases de código: una app PWA para consumidores (`whats-the-move`) para los votantes y un stack corporativo (`whats-the-move-corporate`) para marketing y la operación de los dueños de locales. La plataforma combina encuestas a escala de ciudad, encuestas privadas entre amigos, promociones de locales, analíticas y recomendaciones de crecimiento asistidas por IA, todo con un enfoque mobile-first y en tiempo real.

Funciones Clave

• Sistema de votación en ráfaga con 100 votos por encuesta que se renuevan cada 24 horas
• Gráficas de tendencia de encuestas en tiempo real con ventanas de 3 h, 6 h, 12 h, 24 h e histórico
• Encuestas nocturnas de la ciudad más encuestas creadas por los usuarios
• Encuestas privadas solo para amigos con grafo social de seguimiento mutuo
• Ofertas de locales integradas directamente en las opciones de la encuesta
• Notificaciones web push para encuestas, seguidores y actividad de votación
• Panel para dueños de locales con analíticas en tiempo real y gestión de encuestas y ofertas
• Sugerencias de IA sobre horarios del local, estrategia de crecimiento e inteligencia competitiva
• Herramientas de administración para ciudades, locales, dueños y notificaciones masivas

Tecnologías Utilizadas

• Next.js 16
• React 19
• TypeScript 5
• Supabase (PostgreSQL, RLS, Auth, Realtime)
• Twilio SMS OTP
• Web Push API
• OpenAI API
• Tailwind CSS v4
• shadcn/ui
• Radix UI
• Framer Motion
• Three.js
• Recharts
• Stripe (integrated)

Resultados e Impacto

• Votos Emitidos: 27,000+
• Encuestas Creadas: 76+
• Ciudades Activas: 4

Gestor de Casos de Psicología Escolar

Resumen del Proyecto

Flotter es una aplicación web centrada en la privacidad para que los psicólogos escolares de K-12 gestionen de principio a fin los casos de evaluación de estudiantes. Centraliza las etapas de cada caso, las fechas límite, la programación de IEP, los recordatorios de colaboración y los flujos de plazos y retención de California, a la vez que reduce las operaciones manuales en hojas de cálculo. Los campos sensibles se cifran del lado del cliente, se exige MFA para los flujos protegidos y las políticas de propiedad a nivel de fila limitan el acceso en Supabase. La plataforma cumple plenamente con FERPA.

Funciones Clave

• Gestión cifrada de casos de estudiantes (AES-256-GCM)
• Lista de casos con búsqueda, vistas de detalle y estado de fechas límite
• Kanban de arrastrar y soltar con etapas personalizables
• Calendario con sincronización a Google Calendar (eventos sin datos personales sensibles)
• Flujos de correos de recordatorio para la colaboración entre padres, maestros y equipo
• Seguimiento de IEP independiente y lógica del plazo de 60 días de California
• Carga de datos de demostración con salvaguardas
• MFA, flujo de frase de recuperación y verificaciones de flujos protegidos

Tecnologías Utilizadas

• Nuxt 3
• Vue 3
• TypeScript
• Tailwind CSS 4
• Supabase
• WebCrypto
• Google Calendar API
• AWS SES

Resultados e Impacto

• Flujos de Seguimiento de Casos Más Rápidos: 30-40%
• Cumplimiento Puntual de Hitos: ~93%
• Arquitectura Centrada en el Cumplimiento: FERPA

Visitar el Sitio

Gestor de Proyectos de Construcción

Resumen del Proyecto

Las empresas de construcción batallaban con sistemas de seguimiento en papel, lo que provocaba retrasos y sobrecostos. Creamos una aplicación web que permite a los ingenieros actualizar el estado del proyecto en tiempo real, con reportes automatizados y asignación de recursos. También implementamos un chatbot de IA para ayudar a los ingenieros a responder preguntas y brindar soporte.

Funciones Clave

• Seguimiento de proyectos en tiempo real
• Reportes automatizados
• Gestión de documentos
• Plataforma de administración integrada
• Compatibilidad multidispositivo
• Chatbot de IA

Tecnologías Utilizadas

• Nuxt 3
• Vue.js
• Vuetify
• Supabase
• OpenAI

Resultados e Impacto

• Reducción de Retrasos en Proyectos: 35%
• Documentos Gestionados: 100+
• Proyectos Activos Gestionados: 10+

Sitio Web de Implantes Médicos

Resumen del Proyecto

Una empresa de implantes médicos necesitaba un sitio web para llegar a su público objetivo. Desarrollamos un sitio web moderno con un diseño limpio y un enfoque en la experiencia del usuario.

Funciones Clave

• Especificaciones de producto
• Información sobre el liderazgo de la empresa
• Formulario de contacto
• Optimización SEO

Tecnologías Utilizadas

• Vue.js
• Vuetify
• Firebase

Resultados e Impacto

• Aumento en Vistas de Página: 100%
• Aumento en Prospectos: 2x

Chatbot Médico de IA para WhatsApp

Resumen del Proyecto

Un grupo médico local necesitaba un chatbot para ayudar a sus pacientes con sus preguntas. Desarrollamos un chatbot que les permite responder preguntas y brindar soporte.

Funciones Clave

• Integración con WhatsApp
• Chatbot de IA
• Soporte multilingüe
• Respuestas personalizables

Tecnologías Utilizadas

• n8n
• OpenAI
• Twilio

Resultados e Impacto

• Aumento en la Satisfacción de los Pacientes: 100%
• Aumento en el Tiempo Ahorrado al Personal: 2x

Portal de Pacientes de Nutrición

Resumen del Proyecto

El cliente necesitaba un portal seguro y fácil de usar para que los pacientes accedieran a sus expedientes médicos, agendaran citas y se comunicaran con los proveedores de salud. Construimos una aplicación web moderna con VueJS y C#, implementando cifrado de extremo a extremo y control de acceso basado en roles para garantizar la privacidad de los clientes.

Funciones Clave

• Autenticación segura de pacientes
• Acceso a expedientes médicos
• Agendado de citas
• Mensajería con proveedores
• Compatibilidad multidispositivo

Tecnologías Utilizadas

• C#
• Vue.js
• Vuetify
• PostgreSQL
• Authentication

Resultados e Impacto

• Aumento en la Participación de Pacientes: 60%
• Reducción de la Carga Administrativa: 40%
• Pacientes Activos: 1,000+

Sistema de Contratos de Compraventa

Resumen del Proyecto

Un negocio local necesitaba un sistema para llenar contratos de compraventa. Creamos un sistema que les permite crear y editar contratos de compraventa.

Funciones Clave

• Crear y editar contratos de compraventa
• Imprimir contratos de compraventa
• Enviar contratos de compraventa por correo
• Acceso desde el móvil
• Contratos de compraventa en PDF

Tecnologías Utilizadas

• Vue.js
• Vuetify

Resultados e Impacto

• Reducción del Tiempo para Llenar Contratos de Compraventa: 2x

Portal de Clientes

Resumen del Proyecto

Un negocio local necesitaba un portal para que sus clientes accedieran a la información de su cuenta y a sus próximas sesiones. Creamos un portal que les permite ver el historial de sus sesiones y gestionar la información de su cuenta. También incluimos un portal de administración integrado para que el cliente gestione a sus clientes.

Funciones Clave

• Ver el historial de sesiones
• Gestionar la información de la cuenta
• Portal de administración integrado

Tecnologías Utilizadas

• Nuxt 3
• Vue.js
• Tailwind CSS
• Shadcn UI
• Supabase
• Twilio

Resultados e Impacto

• Aumento en Registros de Clientes: 100%
• Reducción del Tiempo para Agendar una Sesión: 3x

Sitio Web de Exhibición de Joyería

Resumen del Proyecto

Un negocio local necesitaba una plataforma para llegar a sus clientes. Desarrollamos un marketplace con todas las funciones, con gestión de inventario en tiempo real, plataforma de administración integrada y navegación fluida.

Funciones Clave

• Inventario en tiempo real
• Gestión de proveedores
• Plataforma de administración integrada
• Compatibilidad multidispositivo

Tecnologías Utilizadas

• Vue.js
• Vuetify
• Firebase

Resultados e Impacto

• Aumento en Vistas de Página: 100%
• Productos Publicados: 1,000+

Silk Depilación Láser · Citas

Resumen del Proyecto

Silk Depilación Láser quería su cuestionario de clientes, su forma de consentimiento y sus citas en una sola plataforma en línea. Construimos silkcitas.com en español. Cada cliente crea su cuenta con su número de teléfono, llena el cuestionario médico, elige las áreas a tratar y firma el consentimiento informado, todo antes de agendar. Desde su panel, cada cliente agenda un horario disponible en un planeador semanal y mantiene su información al día. El personal de la clínica trabaja desde un panel de administración: expedientes con historial médico y consentimiento, un planeador semanal en intervalos de 15 minutos para citas de láser, masajes y faciales, capacidad configurable por máquina láser, las promociones del mes y reportes por fecha, ciudad y servicio.

Funciones Clave

• Registro con cuestionario médico, áreas a tratar y consentimiento firmado
• Los clientes agendan horarios disponibles en un planeador semanal
• Planeador del personal en intervalos de 15 minutos para citas de láser, masajes y faciales
• Capacidad y horarios configurados por máquina láser
• Reportes por fecha, ciudad, estatus y servicio

Tecnologías Utilizadas

• Nuxt 3
• Vue 3
• TypeScript
• Tailwind CSS 4
• Supabase
• AWS Amplify

Resultados e Impacto

• Hecha en Español: ES
• Cuestionario y Consentimiento Antes de Agendar: Online
• Planeador, Capacidad y Promociones a Cargo de la Clínica: Admin

Visitar el Sitio