wallapop-page

by alopezkampmann

GitHub Readme.md

CHALLENGE WALLAPOP

Esta es una aplicación creada para cumplir con el CHALLENGE propuesto por WALLAPOP para desarrolladores frontend.

Tecnologías usadas

Para crear esta aplicación e utilizado las siguientes tecnologías:

  • React, Typescript, SASS

Para ayudarme con el diseño se ha utilizado Chakra-Ui.

npm start

Para correr la aplicación en forma local. Abre http://localhost:3000 para visualizarlo en el browser.

URL de la aplicación porudcitva https://wallapop-page-app.vercel.app/

Funcionalidades de la aplicación:

La aplicación muestra un listado de productos, con una barra de búsqueda en la parte superior donde el usuario puede buscar todos los productos por título. En la parte media de la página se mostrarán los productos, listados de a 5 con dos botones en la parte inferior para posibilitar al usuario cambiar la página, por encima de los productos se verán 5 botones que permiten ordenar los productos que se muestran en la página por título, descripción, email o precio. En la parte derecha de estos botones se verá un botón de color amarillo que permite acceder a una modal con un listado de productos favoritos, el usuario tiene la posibilidad de agregar productos a esta modal haciendo click sobre la imagen de los productos y apretando el botón "Añadir a favoritos", de la misma forma dentro de la modal podrá eliminar los productos haciendo click en el botón "Quitar de favoritos".