search

Singulars-2023-Front-End / Singluars

0 stars 0 forks source link

Lista de donaciones #2

Closed omiras closed 1 year ago

omiras commented 1 year ago

Análisis

  1. El usuario va a acceder a /
  2. Hacedlo todo en el componente Home.jsx
  3. Se debe mostrar una lista con todos las donaciones presentes en la app
  4. Vamos a tener un array de objetos en una variable global
  5. Tenemos que mostrar todos los objetos de esa variable global y renderizar cada campo en su tag correspondiente . (título en un h2, imagen en un etc.)
  6. Si hay espacio, estaría bien que en una misma línea se vean varios productos (version Web, versión móvil)
  7. Como por ejemplo, en wallapop: https://es.wallapop.com/app/search?filters_source=search_box&keywords=coche%20bebe&longitude=-3.69196&latitude=40.41956
omiras commented 1 year ago

Valorar usar: https://tailwindui.com/components/application-ui/lists/stacked-lists

omiras commented 1 year ago
  1. Tenemos que discutir mañana si seguimos con DaisyUI, Tailwind, o nos metemos demasiado con el diseñó aun
  2. La lista de donaciones la tenéis que obtener de la variable global store.donations. Teneis que renderizar todos los objetos que ahí se ubican. Pedid ayuda de cómo hacerlo, pero en newsletter.jsx tenéis un ejemplo
  3. Para la lista de donaciones se comenta simplemente mostrar de momento la fotografía del producto, y quizás con un "badge" con el estado del producto. Lo comentamos.
omiras commented 1 year ago
  1. Dejar solo fotografía con el estado tipo "badge" en la esqiuna inferior izquierda
  2. Valorar si podemos usar algún componetne Daisy UI o dejarlo tal cual con tailwind
  3. NO paleta colores todavía
  4. Valor substituir la imagEURL de cada objeto de store/flux.js , variable donations, por una imagen de un objeto real. Podeis visitar pexels.com o unsplash.com