O projeto consiste em uma resolução de desafio técnico onde é necessário em 1 dia desenvolver 2 telas de um sistema que já está no ar, são as telas Home e de Ofertas. Na tela Home é possível informar seu CEP para consultar localidade e planos disponíveis para contratação. Ao consultar você é redirecionado para a tela de Ofertas com algumas possíveis ofertas para sua localidade, fica a sua disponsição do interesse da contratação ou não. Clicando em Contratar você deve informar seu e-mail no modal para que alguma unidade técnica próxima possa fazer o contato.
O desenvolvimento das telas teve como principais tecnologias: Javascript, React, Typescript, Styled-Components, Hooks, React Router, Context Api, Api externa (Via Cep), LocalStorage, Jest, Figma. É possível notar que o projeto foi desenvolvido com design system pessoal, criado no Figma com base nas informações iniciais. Logo em seguinda foi desenvolvido em React, com componentes reutilizáveis com Typescript passando suas devidas tipagem estáticas. O projeto conta com um sistema de Rotas autenticadas onde é possível acessar a rota privada somente com a autenticação da mesma pelo localStorage. A api consumida disponibiliza o endereço para consulta, no qual seu objeto foi armazenado em uma variável global no Context, para ser populada na página de Ofertas. Foi utilizada o Fetch para fazer a requisição do Client Side para obter informações. O sistema conta com responsividade mobile desenvolvida no styled-components seguindo padrões de flex-box para renderização que agrade a usabilidade.
challenge_internet.mp4
