Este projeto consiste em uma loja de celulares desenvolvida utilizando a biblioteca React. Ele incorpora conceitos essenciais para iniciantes, como requisições a uma API, gerenciamento de estado com useState, armazenamento local com localStorage, além de usar componentes estilizados (styled-components) e ícones do React.
O componente Header é responsável por exibir a barra de navegação no topo da página. Ele utiliza styled-components para estilização e ícones do React para o ícone do carrinho.
O componente Store é a página principal da loja, onde os produtos são exibidos. Ele realiza uma requisição à API do Mercado Livre para obter a lista de celulares.
O componente Cart exibe os produtos adicionados ao carrinho. Ele utiliza localStorage para salvar e recuperar informações sobre o carrinho.
O projeto utiliza styled-components para a estilização dos componentes, oferecendo uma abordagem mais modular e fácil de manter o CSS.
Requisições à API
Para obter os dados dos produtos, o projeto utiliza a função fetch para realizar requisições assíncronas à API do Mercado Livre.
Este projeto serve como uma introdução prática ao desenvolvimento React, demonstrando o uso de diversos conceitos fundamentais. A estrutura modular e a utilização de bibliotecas populares tornam o código mais legível, escalável e fácil de dar manutenção.