[main] Issue #19 [Terminar feature creacion de casos]

EthicApp-Development / casevault-main

CaseVault is a content repository for case-based learning

MIT License

1 stars 2 forks source link

[main] Issue #19 [Terminar feature creacion de casos] #25

Closed jorgeplazadelosreyes closed 4 months ago

jorgeplazadelosreyes commented 4 months ago

Adding backend support for posting cases and finishing front details -> (in development)

jorgeplazadelosreyes commented 4 months ago

Nuevo front

jorgeplazadelosreyes commented 4 months ago

TODOS:

fix routing
Display texto enriquecido en case cards
Imagenes en RTE

jorgeplazadelosreyes commented 4 months ago

Small demo Grabación de pantalla desde 25-04-24 00:30:44.webm

claudio-alvarez commented 4 months ago

Pienso que deberíamos dedicarle un poco de esfuerzo al procesamiento de las imágenes, para reducir peso y asegurar que los casos tengan una "carátula". Podemos contar con una carátula estándar, y dar la posibilidad de subir una imagen (con cierto peso límite, por ejemplo, 800k), y que luego la imagen sea procesada en backend para generar variantes de distintos tamaños y con reducción del peso. Es ideal usar el formato de imágenes webp.

Aquí hay ejemplos de cómo lograr lo anterior en el backend en Rails:

https://chat.openai.com/share/983ee922-f556-429a-af47-a5054601e902

claudio-alvarez commented 4 months ago

Respecto a la manera de crear un caso, pienso que si el usuario acciona "New" en la interfaz, inmediatamente debería crearse un caso, con título "Sin Título", y abrir la interfaz de creación. La misma interfaz de creación podría presentar un botón para eliminación si el usuario se arrepiente y no quiere editar el caso.

jorgeplazadelosreyes commented 4 months ago

Mini demo: Grabación de pantalla desde 01-05-24 23:52:47.webm

claudio-alvarez commented 4 months ago

Mini demo: Grabación de pantalla desde 01-05-24 23:52:47.webm

Está muy buena la funcionalidad, perfeccionaría:

Imágenes queden en proporción 365 x 205, como en YouTube. Para esto, puedes generar la vista en miniatura de la imagen a 365 px de ancho, y si el alto es mayor, aplicar crop. Si la proporción original de la imagen no da para que quede de alto 205, entonces, puedes agrandar la imagen (hasta que alto queda mayor o igual a 205) y después croppearla para que el ancho quede en 365.
Agregar "corner radius" de 4px (? comprar con YouTube) a las imágenes cuando se despliegan.

claudio-alvarez commented 4 months ago

Faltaría la revisión de @sofiagadea para cerrar este PR.