Sobre o desafio

Esse desafio tem como objetivo enteder suas habilidades básicas com React Native e Typescript! Você utilizará funcionalidades como API REST e Context API.

Template da aplicação

Para agilizar o início do projeto, você pode utilizar esse repositório git como template para iniciar sua aplicação.

O que é Git Template?

Git Template é uma forma de você dar um "fork", ou apenas copiar, um projeto do GitHub para utilizar como base, sem haver necessidade de ficar vinculado ao projeto original. Saibe o que é um Git Template

Versões da Aplicação

Antes de iniciar o projeto, verifique se você está com as seguintes versões do Node, NPM e Yarn:

• Node == v14.18.3
• NPM >= 6.14.14
• Yarn >= 1.23 (não utilize Yarn 2!)

PS: Lembre-se de executar yarn ou npm install no seu terminal na raiz do projeto para instalar todos os node_modules.

Utilizando uma fake API

Esse repositório não utiliza uma API real para listar os produtos e salvar os favoritos. Para isso, nós utilizamos o módulo "json-server". Você deve notar que existe um arquivo chamado server.json que já possui produtos e categorias listadas. Executando o comando yarn start:server você inicia a API na URL localhost:3000, e isso torna possível fazer métodos de GET, POST, PUT e DELETE para qualquer uma das rotas existentes - como se fosse uma aplicação real.

Rotas existentes:

• "/products"
• "/categories"
• "/favorites"

É altamente recomendável que você leia sobre e entenda como funciona o json-server, para compreender como pode fazer requisições mais complexas.

Layout da aplicação

Você deve seguir o layout do Figma, feedbacks que não estiverem explícitos na plataforma podem ser elaborados por você mesmo.

PS: Para ver detalhes no Figma, como cores e baixar ícones, você precisa criar e entrar em uma conta.

Funcionalidades da aplicação

• Listar os produtos: Sua Página Principal deve ser capaz de exibir uma listagem de todos os produtos. Deve ser possível filtrar por uma ou mais de uma categoria. Assim como deve ser possível filtrar por nenhuma.

• Procurar por produtos: Sua Página Principal deve ser capaz de buscar por produtos (Lembre-se de levar em conta o(s) filtro(s) selecionados).

• Adicionar itens ao carrinho: Em Página Principal deve ser permitido que o usuário adicione itens ao carrinho ao clicar no símbolo de "+" na listagem de produtos

• Adicionar/Remover favoritos: Em Página Principal e Favoritos você deve permitir que o usuário favorite ou desfavorite um produto através da interação com o ícone de coração localizado dentro do item.

• Exibir favoritos: Em Favoritos você deve exibir todos os produtos que foram favoritados.

• Exibir itens do carrinho: Em Carrinho você deve exibir todos os itens adicionados ao carrinho, junto com a quantidade, valor único, valor subtotal dos itens e total de todos os items.

• Aumentar quantidade de itens do carrinho: Em Carrinho você deve permitir que o usuário aumente a quantidade de itens do mesmo produto.

• Diminuir quantidade de um item do carrinho: Em Carrinho você deve permitir que o usuário decremente a quantidade de itens do mesmo produto.

• Exibir valor total dos itens no carrinho: Em Carrinho você deve exibir o valor e a quantidade total de todos os itens que estão no seu carrinho. Na barra de navegação inferior você deve exibir a quantidade total de itens no carrinho - caso passe de 9, você pode colocar "+9".

Entrega

Para submissão do desafio deve ser enviado para o e-mail [email protected] um link para um repositório git, podendo ter sua privacidade como privada ou público, caso seja privado compartilhar com o usuário "yepMad".