EnmaStudio: Projects Plataforma SaaS de Gestión de Equipos y Productividad

Resumen General del Proyecto

EnmaStudio Projects representa un ecosistema de software avanzado bajo el modelo SaaS (Software as a Service), diseñado específicamente para centralizar, monitorizar y optimizar el flujo operativo de agencias digitales, equipos de desarrollo y consultoras de alto rendimiento. El proyecto nace para resolver la fragmentación de herramientas tradicionales, unificando en una sola interfaz la planificación estratégica, la gestión táctica de tareas y el control financiero mediante el seguimiento de horas hombre.

El Corazón del Producto: Gestión y Visibilidad

La plataforma se articula en torno a un Tablero Kanban dinámico, desarrollado con una lógica de interacción de arrastrar y soltar (Drag-and-Drop) de alta fidelidad. Este módulo permite a los equipos visualizar el progreso de múltiples proyectos en tiempo real, facilitando la identificación de cuellos de botella y asegurando que los hitos se cumplan dentro de los plazos establecidos.

Para maximizar la rentabilidad, el sistema integra un motor de Time-Tracking dual: permite el registro manual de horas para tareas administrativas y cuenta con un cronómetro interactivo en tiempo real para tareas de ejecución técnica. Esta data se vincula directamente con la base de datos para generar métricas precisas sobre la dedicación de cada miembro del equipo y el costo operativo por proyecto.

Arquitectura de Próxima Generación

Técnicamente, el proyecto desafía las convenciones de las aplicaciones web pesadas mediante el uso de la Arquitectura de Islas (Islands Architecture) proporcionada por Astro 5. Esta decisión de ingeniería permite que la aplicación sea extremadamente rápida al servir HTML estático para las vistas de información, mientras que "hidrata" dinámicamente con React solo los componentes que requieren interactividad compleja, como el Kanban o los cronómetros.

La robustez del backend se apoya en un entorno Serverless híbrido. Mientras que la lógica de negocio y las APIs REST se ejecutan en el servidor para garantizar la seguridad, la persistencia se delega a Supabase (PostgreSQL), aprovechando sus capacidades de escalabilidad relacional. Para el manejo de activos multimedia y documentos adjuntos de gran tamaño, el sistema se integra de forma nativa con Oracle Cloud Infrastructure (OCI) Object Storage, asegurando que el almacenamiento sea independiente, seguro y de nivel empresarial.

Seguridad y Colaboración Multi-Rol

El sistema de acceso fue diseñado bajo una premisa de seguridad estricta y granularidad de permisos. Implementa un flujo de autenticación basado en JSON Web Tokens (JWT) con Cookies HttpOnly, lo que mitiga vulnerabilidades comunes como el secuestro de sesiones. La plataforma distingue tres perfiles críticos:

1. Administradores: Con visión total sobre finanzas, métricas de equipo y configuración global.
2. Miembros del Equipo: Enfocados en la ejecución de tareas, reportes de tiempo y colaboración técnica.
3. Clientes: Con acceso restringido a vistas de avance de proyecto y descarga de entregables, mejorando la transparencia y la confianza en la relación agencia-cliente.

Finalmente, la integración de un Sistema de Notificaciones Transaccionales vía SMTP asegura que cada movimiento crítico (asignación de tareas, comentarios de clientes o hitos alcanzados) sea comunicado instantáneamente, manteniendo a todos los interesados alineados sin necesidad de reuniones constantes.

Stack Tecnológico

Frontend & Framework Core

• Framework: Astro 5.x (Hybrid Rendering).
• Librería UI: React (para componentes de alta interactividad).
• Lenguaje: TypeScript (Tipado estricto en todo el ecosistema).
• Estilos: Tailwind CSS con motor de nueva generación (Vite empaquetado).

Backend & Cloud Infrastructure

• BaaS: Supabase (PostgreSQL para persistencia de datos y lógica relacional).
• Cloud Storage: Oracle Cloud Infrastructure (Object Storage).
• Runtime: Bun (Para máxima velocidad en desarrollo y ejecución).
• Procesamiento de Medios: Sharp (Optimización dinámica de imágenes).

Bibliotecas Especializadas

• Interacción: @dnd-kit (Core y Sortable).
• Seguridad: Jsonwebtoken, bcryptjs, y sistemas de validación CSRF.