Vibe Coding: Crea Apps y Webs desde Cero sin Saber Programar

El Vibe Coding permite crear apps sin saber código usando únicamente lenguaje natural e inteligencia artificial. En los últimos años, esta metodología ha transformado radicalmente la forma en que interactuamos con la tecnología, democratizando la creación digital y redefiniendo el rol del desarrollador en la era de la IA generativa. En este artículo exploraremos qué es, por qué es relevante, qué herramientas requiere y cómo puedes usarlo para construir tu primera app desde cero.

Si te interesa saber más sobre IA, visita nuestro artículo sobre Inteligencia Artificial

En este artículo exploraremos qué es el vibe coding, por qué se ha convertido en una tendencia relevante, qué herramientas y competencias requiere, y cómo puedes usarlo para construir tu primera app desde cero sin escribir una sola línea de código.

¿Qué es el Vibe Coding y por qué crea apps sin saber código es posible?

El vibe coding es una metodología de desarrollo de software en la que el programador —o cualquier usuario— describe lo que quiere construir en lenguaje natural, y una herramienta de inteligencia artificial genera el código correspondiente de manera automática. El término fue acuñado por Andrej Karpathy en 2025, quien lo describió como un modo de programar en el que el usuario se “rinde al vibe” y deja que la IA haga el trabajo técnico.

Su importancia radica en varios factores:

Democratización del desarrollo: Antes, crear una aplicación requería años de formación en lenguajes de programación, bases de datos y arquitectura de software. Con el vibe coding, emprendedores, diseñadores, estudiantes y profesionales de cualquier área pueden construir herramientas digitales funcionales.

Velocidad de prototipado: Se puede pasar de una idea a un prototipo funcional en horas, no semanas. Esto permite validar conceptos de negocio de forma rápida y económica.

Enfoque en el problema, no en la sintaxis: Al eliminar la barrera técnica del código, el creador puede concentrar toda su energía en entender el problema que quiere resolver y diseñar la mejor solución.

Según McKinsey & Company (2023), la IA generativa tiene el potencial de ampliar significativamente la participación en procesos de innovación tecnológica, abriendo la creación de software a millones de personas que hoy no participan de ella.

Ventajas y desventajas del Vibe Coding

Ventajas

• Accesibilidad total: No se necesitan conocimientos previos de programación para comenzar a crear.
• Alta velocidad: El ciclo de idea → prototipo se acorta drásticamente.
• Iteración rápida: Ajustar o mejorar la app es tan sencillo como cambiar el prompt.
• Reducción de costos: Permite desarrollar herramientas internas sin contratar un equipo de desarrollo.
• Creatividad sin límites técnicos: El creador puede proponer soluciones ambiciosas sin verse limitado por lo que sabe codificar.

Desventajas

• Dependencia de la IA: El código generado puede contener errores, inconsistencias o prácticas inseguras si no se revisa con criterio.
• Dificultad para depurar: Entender qué falla en un código que no escribiste puede ser frustrante sin conocimientos técnicos de base.
• Escalabilidad limitada: Las aplicaciones creadas con vibe coding puro pueden tener limitaciones en rendimiento y mantenimiento a largo plazo.
• Riesgos de seguridad: El código generado automáticamente puede presentar vulnerabilidades si no se audita adecuadamente.
• Calidad variable: Según Roger Pressman (2010), la calidad del software depende de procesos estructurados que la IA aún no garantiza de forma autónoma.

Competencias para Vibe Coding

Aunque el vibe coding elimina la necesidad de dominar un lenguaje de programación, sí exige el desarrollo de otras habilidades igualmente valiosas:

• Ingeniería de prompts: Saber cómo describir con precisión lo que se quiere construir es la habilidad central del vibe coder. Un prompt bien escrito marca la diferencia entre una app funcional y una llena de errores.
• Pensamiento lógico y sistémico: Entender cómo fluye la información dentro de una aplicación y cómo se relacionan sus partes.
• Pensamiento crítico: Evaluar si el resultado generado por la IA cumple realmente con el objetivo planteado.
• Capacidad de testing: Probar la aplicación de forma metódica para detectar errores de comportamiento.
• Diseño UX/UI básico: Aplicar principios básicos de usabilidad, como los definidos por Jakob Nielsen (1994), para que la app sea intuitiva para el usuario.
• Conocimientos tecnológicos generales: Entender conceptos como bases de datos, autenticación, APIs y despliegue, aunque no se sepa implementarlos directamente.

Herramientas y técnicas de Vibe Coding

El ecosistema de herramientas para vibe coding ha crecido exponencialmente. Estas son las más populares:

Herramienta	Función
ChatGPT / Claude	Generación de código a partir de prompts en lenguaje natural
Cursor	Editor de código con IA integrada para edición asistida
Replit	Entorno de ejecución en la nube para correr y probar apps
Bolt.new	Plataforma para crear apps web completas desde cero con IA. https://bolt.new
Lovable	Generación de aplicaciones React desde descripciones textuales. https://lovable.dev
Firebase	Backend listo para usar: base de datos, autenticación y hosting. https://firebase.google.com
Figma	Diseño de interfaces antes de pasar a la generación de código
Vercel	Despliegue sencillo de aplicaciones web

Las técnicas más efectivas incluyen la descomposición del problema en partes pequeñas, la iteración continua sobre el resultado, el prototipado rápido y la validación constante con usuarios reales

¿Cómo el Vibe Coding crea apps sin saber código desde cero?

El proceso general para crear una aplicación con vibe coding sigue estos pasos:

1 – Definir el problema: Antes de abrir cualquier herramienta, es fundamental entender con claridad qué problema resolverá la app, quién la usará y qué funcionalidades son indispensables.

2 – Diseñar la solución en papel: Hacer un boceto de las pantallas principales y el flujo de navegación. Esto facilita escribir prompts más precisos.

3 – Escribir el prompt inicial: Describir la app de forma detallada: tipo de aplicación, usuarios, funciones principales, diseño esperado y tecnología preferida.

4 – Generar y revisar el código: Usar una herramienta como Bolt.new, Lovable o ChatGPT para generar el código, y revisar que el resultado sea coherente con lo solicitado.

5 – Iterar y mejorar: Ajustar el prompt o pedir cambios específicos hasta lograr el resultado deseado.

6 – Desplegar la aplicación: Publicar la app usando servicios como Vercel, Firebase Hosting o Replit Deployments.

Crear herramientas internas que optimicen procesos

Una de las aplicaciones más poderosas del vibe coding en entornos empresariales es la creación de herramientas internas: dashboards para seguimiento de tareas, formularios automatizados, sistemas de registro de clientes, calculadoras especializadas o generadores de reportes. Estas soluciones que antes requerían un equipo de desarrollo ahora pueden construirse en un día.

Vibe Coding: crea apps sin saber código desde cero paso a paso

Como ejemplo concreto, imagina que necesitas una aplicación para registrar la asistencia de estudiantes en una institución educativa. Con vibe coding, el proceso sería:

1. Describir la app: “Crea una aplicación web donde un docente pueda registrar la asistencia de sus estudiantes por grupo y fecha, ver un historial y exportarlo en PDF.”
2. Generar la estructura con Bolt.new o Lovable.
3. Conectar la base de datos con Firebase.
4. Ajustar el diseño usando prompts de estilo.
5. Publicar en Vercel y compartir el enlace.

El resultado es una aplicación funcional, lista para usar, creada sin escribir código manualmente.

El prompt es el corazón del vibe coding. Un prompt bien construido puede generar una aplicación casi perfecta desde el primer intento; uno vago puede producir resultados confusos que requieran muchas correcciones.

Características de un buen prompt:

• Específico: Incluye el tipo de app, las funcionalidades exactas, el público objetivo y el diseño esperado.
• Contextualizado: Explica el problema que resuelve y el entorno en que se usará.
• Iterativo: No se busca la perfección en el primer intento; se refina progresivamente.

Ejemplo de prompt básico:

“Crea una app web de lista de tareas con autenticación de usuario, donde se puedan agregar, editar y eliminar tareas, y marcarlas como completadas. Usa un diseño limpio con colores azul y blanco.”

Ejemplo de prompt refinado:

“Sobre la app anterior, agrega la posibilidad de organizar las tareas en categorías (trabajo, personal, estudios), permite establecer fechas límite y muestra una alerta visual cuando una tarea está próxima a vencer. Mantén el diseño minimalista.”

El refinamiento es un proceso continuo de diálogo con la IA hasta alcanzar el resultado deseado.

Soporte y Dificultades de las Apps Creadas con Vibe Coding

Las aplicaciones generadas mediante vibe coding presentan desafíos específicos que es importante conocer:

Mantenimiento: Cuando la app necesita actualizaciones importantes, puede ser difícil modificar un código que no fue escrito por un humano con una arquitectura clara.

Escalabilidad: A medida que la aplicación crece en usuarios o funcionalidades, el código generado automáticamente puede volverse ineficiente.

Seguridad: El código generado por IA no siempre sigue las mejores prácticas de seguridad, lo que puede exponer datos sensibles si no se realiza una auditoría.

Dependencia tecnológica: Si la herramienta de IA que generó el código cambia o desaparece, el mantenimiento futuro puede complicarse.

Soporte técnico: A diferencia de frameworks populares con comunidades activas, el código generado por IA puede no tener documentación clara ni soporte externo.

Esto evidencia que el vibe coding, aunque potente, no reemplaza las buenas prácticas de ingeniería de software, sino que debe complementarse con un mínimo de criterio técnico por parte del creador.

App Creada ” ControlMed ICU”

1 – Definir el problema: En las Unidades de Cuidados Intensivos (UCI), el control de medicamentos de alto riesgo —sedantes, opioides, vasopresores y anticoagulantes— se realizaba de forma manual: registros en papel, hojas de cálculo desactualizadas y sin comunicación en tiempo real entre enfermería y farmacia. Esto generaba desabastecimientos silenciosos, errores de trazabilidad, dificultades en auditorías y riesgo de desvío de medicamentos controlados. Los usuarios principales son enfermeros de turno, farmacéuticos hospitalarios y auditores de calidad clínica.

2 – Diseñar la solución en papel: Se bocetaron seis pantallas antes de abrir cualquier herramienta: un Dashboard con alertas de stock en tiempo real, un módulo de Ingreso de medicamentos por lote, un módulo de Despacho unitario vinculado al nombre del paciente, una vista de Inventario con estados de alerta, un Historial completo de movimientos y una sección de Reportes exportables. Este boceto permitió escribir prompts mucho más precisos y enfocados.

Generando el código con Vibe Coding

3 – Escribir el prompt inicial: Con el problema y las pantallas claras, se describió la app en lenguaje natural dentro de Lovable:

Necesito que me ayudes a crear un prompt para la ia Lovable, el cual va a crear una app, que funcione algo parecido a esto https://www.vademecum.es, se vaya indicando para que sirve, pero cada vez que se escoja un medicamento deba hacerse un tipo quiz La app está diseñada para estudiantes de enfermería y personal de salud que desean aprender medicamentos utilizados en cuidados intensivos mediante retos diarios.

La app está diseñada para personal de salud y permite llevar el control estricto de medicamentos de alto riesgo (sedantes, analgésicos y medicamentos controlados) en unidades de cuidados intensivos.

Características principales:

Registro e inicio de sesión con roles (enfermero, administrador)

Módulo de ingreso de medicamentos: Nombre del medicamento, Cantidad recibida, Fecha de ingreso, Lote, Responsable

Módulo de despacho unitario: Seleccionar medicamento, Registrar salida de una unidad, Registrar fecha, hora, usuario responsable y paciente (opcional)

Inventario en tiempo real: Cantidad disponible, Estado del stock (normal, bajo, crítico)

Sistema de alertas: Notificaciones cuando el stock esté bajo o crítico

Historial completo de movimientos: Registro de entradas y salidas, Trazabilidad por usuario

Reportes: Consumo diario, Consumo por medicamento, Exportación de reportes

Diseño: Profesional y clínico, Interfaz clara y fácil de usar en turnos

Importante: Incluir enfoque en seguridad del paciente y control de medicamentos de alto riesgo”

Pero necesito que hagas otra pestaña la cual al ingresar el medicamento me explique que hace cada medicamento y me haga un pequeño quiz de dos preguntas respecto al medicamento te dejo un tipo de base de datos https://www.vademecum.es/

4 – Generar y revisar el código: Usando Lovable.dev, la aplicación completa fue generada automáticamente a partir del prompt. Se verificó el funcionamiento de cada módulo: al registrar un ingreso de Midazolan el stock subía correctamente, al hacer un despacho bajaba una unidad y quedaba registrado con el nombre de la paciente (Laura), y el Dashboard mostraba la alerta de stock bajo en tiempo real.

De la mejora al lanzamiento

5 – Iterar y mejorar:

Pero la idea es que al momento de registrarme, pueda con un usuario y contraseña y se guarde la información del mismo con un registro Local

6 – Desplegar la aplicación: Con un solo clic desde Lovable, la aplicación quedó publicada y disponible para cualquier dispositivo con acceso a internet, sin necesidad de configurar servidores, dominios ni infraestructura técnica.

Soporte y Dificultades encontradas

Mantenimiento: Cuando la app necesita actualizaciones importantes, puede ser difícil modificar un código que no fue escrito por un humano con una arquitectura clara. En este sentido, en ControlMed ICU, por ejemplo, si se quisiera agregar un módulo de fechas de vencimiento por lote, sería necesario volver al mismo procedimiento anterior y describir el cambio con precisión. Sin embargo, no hay garantía de que el nuevo código se integre limpiamente con el existente.

Escalabilidad: A medida que la aplicación crece en usuarios o funcionalidades, el código generado automáticamente puede volverse ineficiente. En el caso de ControlMed ICU, actualmente los datos se almacenan en el navegador local, lo que funciona bien para un solo usuario. No obstante, si se quisiera usar simultáneamente en varios turnos de enfermería o en múltiples salas de UCI, el sistema requeriría una base de datos en la nube como Firebase. Por lo tanto, esto implicaría una reconstrucción significativa de la aplicación.

Soporte técnico: A diferencia de frameworks populares con comunidades activas, el código generado por IA puede no tener documentación clara ni soporte externo. Como consecuencia, en ControlMed ICU, si surge un error inesperado en el módulo de reportes o en la exportación CSV, no existe una comunidad de desarrolladores ni documentación oficial a la cual acudir. Esto significa que la resolución de problemas depende completamente de volver a iterar con la IA, lo que a su vez puede retrasar la operación del sistema en un entorno hospitalario crítico.

Conclusiones

El Vibe Coding, que permite crea apps sin saber código, representa una transformación real en la manera en que las personas se relacionan con el desarrollo de software. Al reducir la barrera técnica de entrada, abre la creación digital a un universo de profesionales, emprendedores y estudiantes que antes no tenían acceso a estas herramientas.

Sin embargo, no es una solución mágica. Exige el desarrollo de nuevas competencias, especialmente en ingeniería de prompts y pensamiento crítico. Las aplicaciones resultantes deben revisarse con criterio para garantizar calidad, seguridad y escalabilidad.

En definitiva, el vibe coding no reemplaza a la programación tradicional: la complementa y la democratiza. En el futuro próximo, la combinación de habilidades humanas —creatividad, empatía, visión del negocio— con la capacidad de generación de la IA definirá un nuevo perfil de creador digital.

Para entender el vibe coding no basta con leerlo, hay que verlo en acción. En el siguiente video se muestra cómo el lenguaje natural se convierte en el nuevo estándar para construir aplicaciones, permitiendo que la creatividad dicte el ritmo del desarrollo.

Segunda Fase

Requerimientos funcionales

1. Gestión de Usuarios y Autenticación

Perfil de usuario: Visualización y edición básica del perfil (nombre, rol, hospital asignado).

Registro con persistencia de datos: Permitir registro de usuarios con usuario y contraseña, guardando la información en almacenamiento local (localStorage) o base de datos en la nube.

Inicio de sesión seguro: Autenticación con validación de credenciales y control de sesión activa.

Roles de usuario: Diferenciación entre enfermero (operaciones de despacho/ingreso) y administrador (gestión completa, reportes, configuración).

2. Gestión de Medicamentos ( Inventario)

Base de datos de medicamentos: Catálogo integrado con información de cada medicamento (nombre, categoría, indicaciones, contraindicaciones, dosis, vía de administración), similar a Vademecum.

3. Control de Inventario (Módulo Operativo)

Trazabilidad completa: Historial inmutable de todos los movimientos: quién, qué, cuándo, cuánto y para quién (paciente).

Ingreso de medicamentos por lote: Registrar nombre del medicamento, cantidad recibida, fecha de ingreso, número de lote, fecha de vencimiento y responsable.

Despacho unitario: Registrar salida de una unidad vinculada a fecha, hora, usuario responsable, paciente (opcional) y motivo.

Inventario en tiempo real: Visualización de cantidad disponible por medicamento con estados: normal, bajo, crítico.

Sistema de alertas de stock: Notificaciones visuales y sonoras cuando el stock alcance umbrales predefinidos (bajo/crítico).

Control de fechas de vencimiento: Alertas automáticas para medicamentos próximos a vencer (FEFO – First Expired First Out).

4. Reportes y Analítica

Historial de movimientos filtrable: Búsqueda y filtrado por fecha, medicamento, usuario o tipo de operación (entrada/salida).

Dashboard principal: Vista consolidada con stock actual, alertas activas, movimientos recientes, medicamentos más consumidos.

Reporte de consumo diario: Resumen de salidas por día, medicamento y turno.

Reporte de consumo por medicamento: Estadísticas de uso individual con tendencias temporales.

Exportación de reportes: Generar archivos en formato CSV y PDF para auditorías externas.

Requerimientos no funcionales

1. Rendimiento y Escalabilidad

Disponibilidad: Uptime mínimo del 99.5% en entorno de producción.

Escalabilidad a multiusuario: Capacidad para soportar múltiples enfermeros simultáneos (requiere migración de localStorage a base de datos en la nube como Firebase).

Sincronización en tiempo real: Actualización instantánea del inventario cuando múltiples usuarios operan simultáneamente.

2. Seguridad y Cumplimiento

Cifrado de datos: Cifrado en tránsito (HTTPS/TLS 1.3) y en reposo para credenciales y datos de pacientes.

Control de acceso basado en roles (RBAC): Validación de permisos en cada operación sensible (despachos, reportes, configuración).

Protección contra desvío de medicamentos controlados: Alertas de seguridad para patrones inusuales de despacho (ej. múltiples salidas del mismo medicamento en corto tiempo).

Cumplimiento de privacidad de salud: Alineación con estándares de protección de datos médicos (HIPAA/GDPR según jurisdicción).

3. Usabilidad y Diseño

Interfaz clínica profesional: Diseño limpio, con paleta de colores apropiada para entornos hospitalarios (alto contraste, lectura rápida).

Diseño responsive: Adaptación completa a tablets y móviles (dispositivos predominantes en UCIs).

Modo offline básico: Funcionamiento con datos locales cuando no hay conectividad, sincronizando al recuperarla.

4. Integración

API para futura integración: Estructura preparada para conectar con sistemas hospitalarios externos (HIS, farmacia hospitalaria) vía API REST.

Compatibilidad con Vademecum: Estructura de datos alineada con estándares de bases de datos farmacéuticas para futura integración.

Evolución de la App: Primera Fase vs. Segunda Fase

• Autenticación: En la primera fase era localStorage básico; en la segunda fase es registro persistente con roles.
• Base de datos: En la primera fase era localStorage para un solo usuario; en la segunda fase es base de datos en la nube para multi-hospital.
• Catálogo médico: En la primera fase no existía; en la segunda fase está integrado con información educativa tipo Vademecum.
• Módulo educativo: En la primera fase no existía; en la segunda fase incluye quiz por medicamento y retos diarios.
• Alertas: En la primera fase solo stock bajo/crítico; en la segunda fase agrega fechas de vencimiento y seguridad.
• Multi-hospital: En la primera fase no existía; en la segunda fase es plataforma multi-tenencia.
• Reportes: En la primera fase eran básicos; en la segunda fase son exportables, filtrables y con dashboard.
• Escalabilidad: En la primera fase era un solo dispositivo; en la segunda fase soporta múltiples usuarios simultáneos.

App Creada y mejorada “MedInventario“

2. Diseñar la solucion en papel – Se bocetaron seis pantallas antes de abrir cualquier herramienta: una pantalla de bienvenida con tres opciones de acceso (iniciar sesión, registrar enfermero, registrar hospital), un formulario de registro de hospital para administradores, un formulario de registro de enfermero con código de acceso del hospital, un Dashboard con alertas de stock en tiempo real multi-departamento, un módulo de Ingreso de medicamentos por lote con fecha de vencimiento, un módulo de Despacho unitario vinculado al nombre del paciente, una vista de Inventario con estados de alerta por departamento, un Historial completo de movimientos con trazabilidad por usuario y hospital, y una sección de Reportes exportables. Este boceto permitió escribir prompts mucho más precisos y enfocados.

3. Escribir el prompt inicial –

Necesito desarrollar un sistema web de gestión de inventario hospitalario multiusuario, donde cada hospital tenga su propio espacio privado, usuarios y control de inventario.

Objetivo del sistema

El sistema debe permitir administrar inventarios médicos y controlar el acceso mediante roles de usuario, validación por código hospitalario y verificación por correo electrónico.

Registro de hospitales, Cada hospital debe poder registrarse en la plataforma proporcionando:

Nombre del hospital – NIT o identificación – Dirección – Ciudad – Teléfono – Correo institucional – Nombre del administrador principal – Contraseña

Cuando el hospital se registre:

El sistema debe enviar automáticamente un correo de verificación al correo institucional registrado. El hospital no podrá usar el sistema hasta validar el correo. Después de validar el correo, se creará automáticamente la cuenta de administrador principal.

Roles del sistema

1. Administrador

El administrador tendrá control completo del hospital. Funciones del administrador:

Agregar, editar y eliminar enfermeros – Crear un código único del hospital o código de acceso para enfermeros – Configurar permisos básicos – Gestionar inventario – Registrar entradas y salidas de productos – Ver historial completo de movimientos – Descargar reportes en Excel – Ver estadísticas del sistema – Administrar información del hospital – Código hospitalario -El administrador podrá generar o modificar un código de acceso del hospital – Ese código será obligatorio para que un enfermero pueda registrarse.

Ejemplo: Código del hospital: HOSPITAL123

2. Enfermero

El enfermero tendrá acceso limitado al sistema.

Registro del enfermero. Para registrarse deberá ingresar:

Nombre completo – Documento – Correo electrónico – Contraseña – Código del hospital proporcionado por el administrador – Validación del enfermero – El sistema debe validar que el código del hospital exista – Si el código es correcto, el sistema enviará un correo de verificación al enfermero – Solo después de verificar el correo podrá acceder al sistema – Funciones del enfermero – Ver inventario disponible – Registrar salidas de productos – Registrar entradas si tiene permiso – Consultar sus movimientos – Ver productos disponibles – No puede eliminar usuarios – No puede eliminar inventario completo – No puede administrar configuraciones del hospital

Inventario

Cada hospital tendrá su propio inventario independiente. Cada producto debe incluir:

Nombre – Código – Categoría – Cantidad – Stock mínimo – Fecha de vencimiento – Número de lote – Proveedor – Estado – Fecha de registro – Alertas automáticas

El sistema debe mostrar alertas para:

Productos agotados – Stock bajo – Productos próximos a vencer – Productos vencidos – Movimientos -Todos los movimientos deben quedar registrados.

Cada movimiento debe guardar:

Usuario responsable – Tipo de movimiento – Producto – Cantidad – Fecha y hora – Observaciones – Reportes y exportación

El sistema debe permitir descargar archivos Excel (.xlsx) de:

Inventario completo – Historial de movimientos – Reportes por fechas – Reportes por usuario – Reportes por hospital

Seguridad. Contraseñas encriptadas.

Autenticación segura con JWT – Verificación por correo electrónico – Roles y permisos protegidos – Separación total de datos entre hospitales – Protección contra accesos no autorizados

Diseño esperado

Interfaz moderna y profesional – Dashboard administrativo – Responsive para computador y móvil – Tablas dinámicas – Filtros avanzados – Modo oscuro opcional.

Tecnologías sugeridas

Frontend: React o Next.js

Backend: Node.js + Express

Base de datos: PostgreSQL o MySQL

Autenticación: JWT + verificación por correo

Exportación Excel: ExcelJS o SheetJS

Correo electrónico: Nodemailer o servicio SMTP

Funciones opcionales

Escaneo de códigos de barras – Auditoría de acciones – Historial de actividad – Notificaciones automáticas – Panel de estadísticas – Backup automático de datos.

4. Generar y revisar el código – Usando Lovable.dev, la aplicación completa fue generada automáticamente a partir del prompt. Se verificó el funcionamiento de cada módulo: al registrar un nuevo hospital se generó correctamente el código único de acceso, al registrar un enfermero con ese código se vinculó correctamente al hospital correspondiente, al registrar un ingreso de Midazolam el stock subió correctamente y se reflejó en el inventario del departamento asignado, al hacer un despacho bajó una unidad y quedó registrado con el nombre de la paciente (Laura) y el enfermero responsable, el Dashboard mostró la alerta de stock bajo en tiempo real, y el historial de movimientos registró correctamente toda la trazabilidad. Se validó que los datos persistieran correctamente en la base de datos en la nube y fueran accesibles desde diferentes dispositivos y sesiones de usuario.

5. Iterar y mejorar

Pero en el inicio quiero que sea 3 ventanas, 1 iniciar sesion, 2 registrar enfermero con hospital, 3 registrar administrador con hospital, quiero que el administrados pueda agregar mas hospitales, y que haya una seccion de todos los enfermeros y administradores de cada hospital, y en registrar productos que se pueda escribir porque no deja seleccionar nada, y que todo esto se pueda exportar en excel, que al inicio en iniciar sesion, de la opcion de olvido su contraseña y envie al correo un link para reestablecerla, Necesito que cuando entre ya a la aplicacion se pueda agregar los medicamentos y quitar, al momento de agregar tenga estas casillas para rellenar nombre – concentracion – cantidad – Categoría terapéutica → Analgésico, antibiótico, antihipertensivo, etc. y quiero que me des un correo y una contraseña que sea el administrador jefe, que pueda manejar todos los hospitales y los inventarios de cada hospital, pero solo una persona puede controlar esto, ya el resto de enfermeros y administradores estan bien

6. Desplegar la aplicación – Con un solo clic desde Lovable, la aplicación quedó publicada en la URL https://med-buddy-manage.lovable.app/ y disponible para cualquier dispositivo con acceso a internet, sin necesidad de configurar servidores, dominios ni infraestructura técnica. La app ahora soporta múltiples hospitales simultáneamente, cada uno con su propio inventario, usuarios y configuraciones independientes.

Autor: Deyssi Yohana Chivata Montenegro-Valeria Romero Cano
Editor: Mg.Ing. Carlos Iván Pinzón Romero
Código: UCIA-7
Universidad: Universidad Central

Referencias

Karpathy, A. (2025). Vibe Coding. X (Twitter). https://x.com/karpathy

OpenAI. (2024). ChatGPT and AI Code Generation Documentation. https://openai.comKarpathy, A. (2025). Vibe Coding. X (Twitter). https://x.com/karpathy

McKinsey & Company. (2023). The economic potential of generative AI: The next productivity frontier.

Pressman, R. (2010). Software Engineering: A Practitioner's Approach (7th ed.). McGraw-Hill.

Nielsen, J. (1994). Usability Engineering. Academic Press.

GitHub. (2024). GitHub Copilot Documentation. https://docs.github.com/copilot

Google. (2024). Firebase Documentation. https://firebase.google.com/docs

Gartner. (2024). Top Strategic Technology Trends for 2024.

Tina Huang. (2025, 19 mayo). Vibe Coding Fundamentals In 33 minutes [Vídeo]. YouTube. https://www.youtube.com/watch?v=iLCDSY2XX7E