seberydev / challenge-front

Challenge Front

1. Los componentes no deben de salirse del div con id "parent" al arrastrarse

2. Cada componente debe de tener una imagen única, la cual con estilos propios, no debe salir del componente al que se le hace resize y deben de tener un fit diferente "cover", "contain", etc. e

Esta se obtiene de un fetch a la api "https://jsonplaceholder.typicode.com/photos"

3. Se debe de mantener la selección correctamente al hacer resize o drag, desde cualquiera de los 8 puntos (es decir, debe abarcar el componente mismo, no debe de estar abarcando cosas fuera de el) Referencia del comportamiento que se debe corregir (Video 1)

4. Los componentes se deben de poder eliminar de la lista de componentes

5. (Extra) La librería tiene la capacidad de mostrar las líneas guía de cada componente, debes mostrarlas cada que se haga drag del componente seleccionado. La documentación de la librería está aquí: https://daybrush.com/moveable/release/latest/doc/

6. (Extra) El código entregado tiene falta de documentación en sus funciones, por lo que también deberás documentar las funciones correctamente