Busca e Gerenciamento de Produtos com React, Styled Components, Context API e Hooks (useState, useEffect) utilizando a API do Mercado Livre

Descrição:

Este projeto é uma aplicação web desenvolvida com React, Styled Components que utiliza a API do Mercado Livre. Através desta aplicação intuitiva e amigável, os usuários podem explorar e gerenciar produtos fornecidos pela API do Mercado Livre.

Com essa aplicação, os usuários têm a capacidade de realizar buscas por produtos específicos e adicionar produtos no carrinho para referência futura. Além disso, eles também podem remover todos os itens indesejados da lista de favoritos do carrinho.

A interface do projeto foi projetada para ser responsiva, proporcionando uma experiência agradável aos usuários em diferentes dispositivos. Através da integração com a API do Mercado Livre, são exibidas informações relevantes sobre os produtos, incluindo título, descrição, preço e imagens.

• O projeto utiliza os conceitos do React, como Styled Components para estilização, Context API para gerenciamento de estado global e os hooks useState e useEffect para controle de estado e execução de efeitos colaterais.

Com a funcionalidade de busca por diferentes tipos de produtos utilizando a API do Mercado Livre, os usuários podem digitar palavras-chave para obter uma lista atualizada de resultados correspondentes aos critérios fornecidos, e depois de adicionar o produto desejado no carrinho ele pode abrir o carrinho e clicar no produtos que ele será redirecionado para a pagina do vendendor assim realizando a comprar do produto diretamente no site do mercado livre.

Este projeto foi criado com o objetivo de estudar desenvolvimento web, abordando diversos conceitos e práticas de programação utilizando JavaScript, além de aprimorar habilidades de estilização com CSS. É importante ressaltar que este projeto é voltado exclusivamente para fins educacionais e de aprendizado.

get started project

# clone o repositorio
git clone < name repositorio >

# open project
cd ./ < name project >

# install all dependencias
npm install

# started aplicação
npm run dev