florgranucci / mini-meli

Home Page:mini-meli.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

El objetivo de este proyecto fue construir un Front-End y un Back-End que interactuen con una API externa.

Se utilizó la API pública de Mercado Libre. Se extrajo publicaciones que se guardaron en el back-end usando un caché. Para el Front-end se desarrolló una serie de Componentes de React para poder mostrar e interactuar con las publicaciones antes mencionadas.

Componentes:

SearchBar Un formulario controlado con un input de búsqueda, que dispara los requests a la API.

Product Card En este componente se muestra un producto en particular, se muestra:

Su imagen.
Su titulo.
Su precio (con la moneda).
Su condicion.
Si tiene stock o no.

Catalogo Este componente muestra un arreglo de productos usando Product Card. Tambien posibilita:

Poder ordenar los productos en base a su precio, de forma ascendete o descendente.
Poder filtrar por condicion.
Poder páginar los resultados de a 30 productos por página.

About

mini-meli.vercel.app


Languages

Language:JavaScript 91.7%Language:HTML 8.3%