search

Singulars-2023-Front-End / Singluars

0 stars 0 forks source link

Formulario añadir nuevo objeto #1

Open omiras opened 1 year ago

omiras commented 1 year ago

Análsis

  1. Crear en layout.js una nueva Route que cuando el usuario acceda a /add-donation
  2. Crear una nueva vista en views/newdonation.jsx
  3. Modificar el componetns/header.jsx para añadir un Link a esta nueva ruta
  4. En esa vista es donde teneis que implementar vuestro formulario5. Aparece un formulario para añadir una nueva donación
  5. Nombre , descripcion, imagen, estado (nuevo, usado, deterioriado), fecha de publicación (que se debe generar de forma automática al dia de hoy)
  6. Intentar dejarlo lo más bonito posible con Daisy UI y Tailwind
  7. Cuando le damos al botón de submit, mostrar por console.log el objeto que vamos a crear (avisar Oscar)
  8. Crear una nueva action en store/flex.js para actualizar el array de donaciones donationsAcordaos de diseñar el formulario para "móvil"

Cómo probar esta funcionalidad

omiras commented 1 year ago

Mirad un layour con Tailwind https://tailwindui.com/components/application-ui/forms/form-layouts

omiras commented 1 year ago

Echad un vistazo a como hizo el formulario con Daisy UI, Hector: https://github.com/HectorLlorca/form/blob/main/src/components/SignUp.jsx

omiras commented 1 year ago

@JuliaVallsMoix @Daniel-Cordova19 Entinedo que siguen con use-hook-forms. Como hemos comentado. Hay algo que no os comenté hoy, pero cuidado con el campo "Fecha de pubicación". En princpio este dato para el objeto debe generare de forma automática, con el fecha de publicación actual, no? O debemos dejar elegir al usuario que cambie la fecha de publicación? Controlar la fecha de publicación puede ser complicado. (cómo hacemos para que no pongan una fecha de publicación anterior al día de hoy?)

omiras commented 1 year ago

En el vídeo de testing explicad las funcionalidades más importantes

  1. Validación
  2. Como comprobar que se ha añadido correctamente una donación nueva
  3. Cualquier otra cosa de interés
  4. El vídeo debe durar lo mínimo imprescindible
JuliaVallsMoix commented 1 year ago

Instructions to test:

https://www.loom.com/share/36d1e6be107d4ab5ae39aa05ee0c39db

Cynox336 commented 1 year ago

Nombre: Esta parte del formulario cuenta los espacios (me imagino que en descripción pasa lo mismo) y provoca que cosas como Camiseta blanca con rayas naranjas no se pueda poner u otras variantes que serian 1 "nombre resumen" de lo que se pondrá en la descripción

Descripción: En la descripción cuando la haces muy amplia (por que especificas cosas como 1 dibujo, el color o como se tiene que lavar) tienes que scrollear o agarrar de 1 esquina y ensanchar por ti mismo. Hay 1 forma de la cual esta se auto ensancha cada vez que se necesita para que así no haga falta scrollear o ensancharlo de forma manual (lo ultimo en 1 móvil intentarlo seria en x dispositivos quererse pegar 1 tiro)

Imagen: añadiría la opción de poder subir 1 propio archivo .jpg o .png al formulario aun que esto no me acuerdo si lo hemos dado. Lo ultimo seria que imagen no va con acento en la a pero el resto esta bien

Estado: Funciona correctamente

Por ultimo, añadiría que no se pueda repetir x caracteres x numero de veces, puedo crear muchas "publicaciones" troll solo poniendo la letra A 5 veces tanto en nombre y descripción y así sobrecargar la pagina

Cynox336 commented 1 year ago

Hay que revisar si es posible crear posts solo con espacios, sin ningún tipo de letra

clopezva commented 1 year ago

Hola chicos, realizando nuestra issue-20, poniendo de ejemplo el titulo de un libro, el cúal es más extenso que 20 caracteres. Solicitamos se aumente el límite, de bajo adjunto la captura de pantalla correspondiente.

Image

Saludos Cordiales Equipo issue-20