Home

Mongo Modeler Wiki

En esta wiki vamos a dar las pautas para la implementación del proyecto.

Prototipo baja fidelidad MVP

Estructura proyecto

Road to MVP

Missing:

• Select a given relation or table.
• Remove a given relation or table.
• Load / Save
• Edit Relation

Nice to have

• Undo/Redo

Casos para arrancar

Aplicación

En principio no vamos apoyarnos en librerías de componentes (lo que se va a usar es básico), tenemos que:

• Dar una solución para mostrar diálogos modales.
• Componentizar algunos componentes básicos (input, combobox).
• Crear una talba con comandos (de nota sería usar drag and drop para mover filas, pero eso lo dejamos para más adelante).
• Dar solución para tematizado modo claro y oscuro.
• Elegir librería de iconos y montar unos botones de tipo toolbar que vayan bien.
• Edición tabla y relación doble click.
• Selección objeto (simple), selección una tabla, selección una relación y lo puedo borrar

Diagrama

• Establecer canvas SVG (ahí alguna prueba hecha sacar método definitivo).
• Establecer componente tabla básico, dos rectangulos con drag & drop.
• Establecer campos con subcampos (drilldown (ahí prueba técnica hecha sacar forma definitivo).
• Alinear campos fila
• Pintar relaciones y redibujo (de momento directo más adelante, calculo de paths)
• Permitir que una tabla crezca a lo ancho

Edición

• Formulario creación / edición relación.
• Formulario creación / edición table (ahí prueba hecha, sacar definitivo)

Export

A nivel de export hay que hacer varias tareas de investigación:

• Exportar el canvas a SVG y download (eso debería ser directo ya que vamos a trabajar con SVG).
• Exportar el canvas a PNG y download (ver como hacer esto).
• Exportar el canvas un MongoSchema (aquí podríamos utilizar EJS)

UI

Iconos: https://yesicon.app/ph?s=light