Vue COCOMO es una aplicación web moderna para estimación de costos de proyectos de software utilizando el modelo COCOMO (Constructive Cost Model). Permite calcular de forma automática el esfuerzo, tiempo de desarrollo, tamaño del equipo y costo necesario para completar un proyecto de software basado en diversos parámetros de entrada.

Vista general de proyecto de Vue COCOMO
Vista general de proyecto de Vue COCOMO

Problema que resuelve

La estimación manual de proyectos de software puede ser inexacta y consumir mucho tiempo. El modelo COCOMO requiere múltiples cálculos matemáticos secuenciales, las herramientas existentes son obsoletas o difíciles de usar. Vue COCOMO automatiza este proceso, proporcionando resultados rápidos y precisos.

Stack tecnológico

  • Frontend
    • stack/typescript icon TypeScript: Lenguaje principal del proyecto
    • stack/vue icon Vue 3: Framework de interfaz de usuario
    • stack/vite icon Vite: Herramienta de construcción rápida
    • stack/pinia icon Pinia: Gestión de estado para el manejo global de datos
  • UI
    • stack/tailwind icon Tailwind 4: Framework de estilos
    • stack/shadcn icon Shadcn/UI: Componentes preconstruidos y reutilizables
    • stack/iconify icon Iconify: Iconos
  • Validación
    • stack/vee_validate icon VeeValidate: Validación de esquemas en tiempo real
  • Internacionalización
    • stack/vue icon Vue I18n: Soporte multilenguaje
  • Markdown
    • stack/markdown icon markdownit: Renderizado de documentación en MD
    • stack/markdown icon markdown-it-mathjax3: Renderizado de fórmulas matemáticas
  • Almacenamiento
    • stack/javascript icon IndexedDB: Almacenamiento de datos local en el navegador

Aplicación

El proceso de estimación se realiza a través de la interfaz donde los usuarios pueden ingresar parámetros clave del proyecto, como el tamaño del software, la complejidad y otros factores relevantes. La aplicación luego calcula automáticamente las métricas de estimación utilizando el modelo COCOMO y presenta los resultados de manera clara y comprensible.

Interfaz de usuario para estimación de proyectos
Interfaz de usuario para estimación de proyectos

Funcionalidades

  • Gestión de proyectos: Permite a los usuarios crear, editar y eliminar proyectos de software, almacenando todos los datos localmente en el navegador para un acceso rápido y seguro, esto gracias a IndexedDB.
  • Asistencia paso a paso: Guía a los usuarios a través de un proceso paso a paso para ingresar los parámetros necesarios para la estimación, asegurando que no se omita ningún detalle importante.
  • Visualización de resultados: Presenta los resultados de la estimación con tarjetas de métricas clave y pestañas detalladas para desglosar los costos.
  • Soporte multilenguaje: Cambio dinámico del idioma de la interfaz, en este momento soporta inglés y español.

Valor y aplicación

  • Desarrolladores de software: Para estimar el esfuerzo y costo de nuevos proyectos.
  • Estudiantes y académicos: Como herramienta educativa para comprender el modelo COCOMO.
  • Gerentes de proyectos: Para planificar recursos y presupuestos de manera más efectiva.
Vista de selección de proyectos almacenados en IndexedDB
Vista de selección de proyectos almacenados en IndexedDB
Descripción detallada sobre el paso de COCOMO
Descripción detallada sobre el paso de COCOMO
Diseño responsivo, dimensiones de iPhone 12 Pro
Diseño responsivo, dimensiones de iPhone 12 Pro

Prerrequisitos

  • Node.js >= 18.x
  • npm >= 9.x o yarn >= 1.22

Instalación y ejecución

  1. Clona el repositorio:

    git clone https://github.com/igidio/vue-cocomo.git
    cd vue-cocomo
  2. Instala las dependencias:

    npm install
    # o usando yarn
    yarn install
  3. Inicia la aplicación en modo desarrollo:

    npm run dev
    # o usando yarn
    yarn dev
  4. Abre tu navegador y navega a 🔗http://localhost:3000 para ver la aplicación en acción.

Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo 📄LICENSE.md para más detalles.

© 2026 igidio