Teste Carrinho - Codeby
Desenvolvido por:
Objetivos
- Desenvolver um “Carrinho de compras” usando uma API.
- Listar os produtos, exibir o total da compra e exibir uma mensagem informando se o pedido possui frete grátis.
Link do Teste
http://teste-carrinho.thiago-daurizio.surge.sh/
Requisitos mínimos
- Listar os produtos provenientes da API.
- Os produtos devem ter imagem, nome e preço.
- Exibir ao fim da lista o valor total de todos os produtos.
- Exibir o texto de frete grátis dependendo do valor do carrinho.
- O texto de frete grátis deverá aparecer apenas se o valor for acima de R$ 10,00.
- Seguir o layout.
- Usar Flex-Box CSS.
- Você poderá usar Vanilla JS, React, Vue ou outro framework. Sinta-se a vontade para usar a ferramenta que preferir.
- Enviar o link do teste no github.
Funcionalidades e Execuções
- Botões da parte superior para funcionalidades
- Alternancia de Temas para: Dark ou Light.
- Alternância entre as duas formas de carrinho que o teste oferece: Frete Grátis e Com Frete.
- Link para este repositório ao qual o este Teste do Carrinho pertence.
- Link de quem fez tal teste.
Tecnologias utilizadas
-
ReactJS
-
JSX
-
Json
-
JavaScript
-
HTML
-
CSS
-
Styled-Components (estilização e ThemeProvider)
-
React Hook (useState, useEffect)
Imagens do Projeto
- Versão para Desktop seguindo o layout passado no teste.
- Versão para Mobile com responsividade.
