A Quarta prova vai abordar diversos temas como conhecimento em React, Javascript, Html, Css, GraphQL, Localstorage, utilização de layouts baseados em Figma.
Você deve forkar o projeto e subir no seu github para a avaliaçao final, os commits, tudo, será considerado!
Resumidamente a prova consiste na aplicação de uma regionalização, utilizando uma API GraphQL, ao regionalizar, você receberá como devolutiva os dados e produtos de uma loja específica para o estado selecionado, o email e estado devem ser salvos no localStorage para futuras utilizações e o usuário no Local Storage para no recarregamento da página conseguir ter os dados para manter o usuário regionalizado.
Trabalhar bem os feedbacks para o usuário.
Utilizar o Apollo GraphQL ou o framework de preferência para conexão do frontend via client-side, utilizar os hooks do graphql para utilizar a query de storeRegionalization.
Para as pessoas que vão para a fase 4, será necessário utilizar a mutation de addItem para "adicionar" o item escolhido no carrinho.
https://trainees-fourth-proof-igode.ondigitalocean.app/graphql
Ao implementar a interface abaixo, é necessário utilizar a stack React com CSS. Caso você se sinta a vontade, poderá utilizar Styled Components, Stitches, SCSS ou qualquer outro processador de CSS.
Importante se atentar ao implementar a interface com as dimensões propóstas, ou seja, seguir padrões de pixel perfect. Atente-se também as funcionalidades desenhadas no layout, como login, gráficos e menu.
A regionalização será dinâmica, ou seja, utilizará a API de GraphQL criada para fazer a integração.
O layout é responsivo, ou seja, possui telas Desktop e mobile, portanto é necessário a implementação de ambas resoluções.