https://shopping-cart-react-zeta.vercel.app/
Gerencia o estado global da aplicação, incluindo informações sobre produtos, itens do carrinho e visibilidade do carrinho. Controla os estados products, cartItems, loading e isCartVisible por meio do contexto AppContext.
Exibe os itens presentes no carrinho e calcula o preço total dos itens. Utiliza useContext para acessar cartItems e isCartVisible do contexto AppContext para renderizar os itens do carrinho e calcular o preço total.
Renderiza um botão que exibe o ícone do carrinho e o número de itens no carrinho. Utiliza useContext para acessar cartItems e isCartVisible do contexto AppContext. Alterna a visibilidade do carrinho ao clicar no botão.
Exibe as informações de um item no carrinho e permite a remoção desse item. Utiliza useContext para acessar cartItems e setCartItems do contexto AppContext. Renderiza as informações do item do carrinho e permite a remoção desse item ao clicar em um botão.
Busca e exibe uma lista de produtos. Utiliza useContext para acessar products e loading do contexto AppContext. Utiliza fetchProducts para buscar produtos e exibe uma lista de cartões de produto.
Facilita a busca de produtos. Utiliza useContext para acessar setProducts e setLoading do contexto AppContext. Permite ao usuário inserir um termo de pesquisa, busca produtos com base nesse termo e exibe os resultados.