ℹ️ Códigos desenvolvidos durante o desafio Fundamentos React-Native, na terceira semana do Bootcamp GoStack 13, ofertado pela plataforma de ensino Rocketseat.
Esse desafio tem como objetivo fixar os conhecimentos trabalhados até então React Native, junto com TypeScript, utilizando rotas, Async Storage e a Context API. A mesma consiste numa aplicação que irá listar e armazenar no carinho produtos de uma API falsa, incrementando e decremetando o valor total conforme as quantidades de cada produto.
-
Listar os produtos da fake API
: Sua páginaDashboard
deve ser capaz de exibir uma listagem através de uma tabela, com os campostitle
,image_url
eprice
. -
Adicionar itens ao carrinho
: Em toda sua aplicação, você deve utilizar o Contexto chamadocart
que deixamos disponível. Você vai precisar completar as funcionalidades dentro dehooks/cart.tsx
para que você consiga adicionar itens ao carrinho. -
Exibir itens do carrinho
: Na páginaCart
você deve exibir todos os itens do carrinho, junto com a quantidade, valor único, valor subtotal dos itens e total de todos os items. -
Aumentar quantidade de itens do carrinho
: Na páginaCart
você deve permitir que o usuário aumente a quantidade de itens do mesmo produto, para isso você pode utilizar a funçãoincrement
dentro do seu contexto em/src/hooks/cart.tsx
. -
Diminuir quantidade de um item do carrinho
: Na páginaCart
você deve permitir que o usuário decremente a quantidade de itens do mesmo produto, para isso você pode utilizar a funçãodecrement
dentro do seu contexto em/src/hooks/cart.tsx
. -
Exibir valor total dos itens no carrinho
: Tanto na páginaDashboard
, tanto na páginaCart
você deve exibir o valor total de todos os itens que estão no seu carrinho.
Para encontrar maiores informações sobre o desafio, como por exemplo o template utilizado e a bateria de testes implementadas, você pode acessar este link.
Códigos desenvolvidos por Christopher Hauschild Schott