thotluna / bazar-net Goto Github PK

Agregar la paleta de colores al CSS general del proyecto, para ser manejado mediante variables CSS

La API expondrá 3 endpoint, cada uno se manejará con un caso de uso que por medio de una interface procederán a hacer la petición a la API de dummyjson.com/productos

Para realizar esta actividad debemos dividirla en 2 actividades las cuales serán:

• issue #30 => UI
• issue #31 => API

- Ruta: /items?search=, por ejemplo: /items/?search=laptop

- Descripción: Muestra justo debajo de la caja de búsqueda, el número de resultados y también los resultados que muestra para cada categoría. En cada tarjeta de los resultados muestra: título, descripción, precio, categoría, imagen y puntuación.

- API: /api/items?q=:query donde :query es la búsqueda que hace el usuario. Debe devolver un JSON con los datos a mostrar en la lista de items.

En la página home aparece un Topbar aplico con el nombre de la App en grande y centrada, pero en las demás páginas aparecerá este nombre en pequeño y a la izquierda, y acompañada con un botón para regresar a home,

observaciones:

• El componente debe saber la ruta en la que se debe renderizar para poder colocar el alto y los componentes internos

Crear la persistencia del LikedProducts en el LocalStorage

Componente encargado de comunicar la cantidad de elementos de una lista

Subir el max-w-sm o max-w-md

Al estar como absolute está por encima de las últimas card

Mejorar el Seo de la página

Home con caja de búsqueda

Ruta: /
Descripción: Simplemente muestra una caja de búsqueda para poder hacer la búsqueda de productos. Al realizar la búsqueda navegar a la vista de Resultados de búsqueda.

Desarrollar el botón para ir al carrito de compras

- Ruta: /items/:id
- Descripción: Muestra la descripción completa del producto, incluyendo todos los detalles que tengas: precio, descripción, marca, stock, categoría, etc. Muestra todas las imágenes. También un botón para poder realizar la compra (aunque no funcione)
- /api/items/:id donde :id es el id del producto seleccionado. Debe devolver un JSON con los datos del item seleccionado.

Esta página es similar a la home, con la diferencia que no tiene barra de búsqueda, y muestra los productos que el usuario de like. También cambia en el BottomBar el botón Like por DeleteLike.

Para esta actividad debemos usar Intersection Observer API