🚀 Command Center / Vault (vault.cinlodev.com)

La navaja suiza moderna para automatizar flujos de trabajo de desarrollo, comandos de terminal y gestión de baúles personalizados.

🔗 Demo en vivo: vault.cinlodev.com.

📌 Estado: En producción. Plataforma estática ultrarrápida con persistencia Local-First y adaptadores de Inteligencia Artificial.

---

📚 Documentación del Proyecto

• 🌍 Vision — Filosofía de automatización y cero fricción en desarrollo.
• 📖 Product Overview — Casos de uso, roles de desarrolladores y propuesta de valor.
• ✨ Features — Desglose de Git Flow Maestro, Node Quick-Actions, Docker & Laravel Vault, Baúles e IA.
• 🖼 Showcase — Galería visual e interfaces principales de la aplicación.
• 🏗 Architecture — Arquitectura en 3 capas (controllers → services → ui) y SoC.
• 🔒 Security & Privacy — Privacidad Local-First, sanitización e importaciones seguras.
• ⚙ Tech Stack — Vite 8, Vanilla JS moderno (ES Modules), Glassmorphism CSS y Web APIs.
• 🗄 Database & Persistencia — Esquema LocalStorage, gestión de baúles JSON y mecanismo de rescate.
• ☁ Infrastructure — Despliegue estático CDN de alto rendimiento en Edge.
• 🏛 ADRs — Decisiones arquitectónicas fundamentales del proyecto.
• 📝 Changelog — Registro histórico de versiones y refactorizaciones.
• 🗺 Roadmap — Próximas integraciones (CLI nativo, extensión VS Code y sync cloud opcional).

---

¿Qué problema resuelve?

Los desarrolladores invierten tiempo valioso y energía cognitiva en recordar sintaxis exactas de comandos repetitivos: nombres de ramas de Git con formato consistente, flags para limpiar cachés de contenedores de Docker o Laravel, o secuencias completas de terminal.

Command Center / Vault centraliza estas utilidades en una interfaz visual de alta velocidad, generando secuencias de comandos estandarizadas, validando nombres en tiempo real y permitiendo crear Baúles de Comandos (Vaults) personales con soporte para asistentes de IA locales o en la nube.

---

✨ Características Principales

Módulo	Descripción	Estado
🌿 Git Flow Maestro	Generación de ramas (feature/, fix/, hotfix/), validación en tiempo real y secuencias completas (checkout, pull, commit, push).	✅
📦 Node.js Quick-Actions	Gestión instantánea de paquetes para npm, pnpm o yarn, limpieza de node_modules y scripts frecuentes.	✅
🐳 Docker & Laravel Vault	Plantillas dinámicas para servicios de Docker Compose y comandos de Laravel (artisan cache:clear, migrate, tinker).	✅
🗃️ Baúles Personalizados (Vaults)	Creación de baúles propios con arrastrar y soltar (Drag & Drop), importación/exportación JSON y respaldo automático.	✅
🤖 IA Adapters Multi-Proveedor	Asistencia inteligente mediante adaptadores desacoplados para Ollama (local), OpenAI y Google Gemini.	✅
🌓 Glassmorphism & Responsive	Interfaz oscura premium con variables CSS, optimizada para escritorio, tablet y dispositivos móviles.	✅

---

🏗 Arquitectura de la Aplicación

El proyecto sigue una estricta Separación de Responsabilidades (SoC) en tres capas principales:

                     [ Usuario / Navegador ]
                                │
                                ▼
                   [ Controllers (Event Binding) ]
                    (Escuchan eventos del DOM)
                                │
                                ▼
                  [ Services (Business Logic) ]
              (Manipulación de estado y AI Adapters)
               │                                │
               ▼                                ▼
       [ UI Layer (DOM) ]             [ LocalStorage / AI ]
   (Renderiza vistas y modales)      (Persistencia Local-First)

• controllers/: Capa delgada de orquestación y captura de eventos del DOM.
• services/: Núcleo de lógica de negocio pura (vault-crud.service.js, ai.service.js, git.service.js).
• ui/: Componentes visuales desacoplados responsables únicamente del renderizado en el DOM.

---

---

📫 Contacto y Portafolio: portfolio.cinlodev.com