Desafio Frontend - Blessed Bytes

• Prazo 06/06/23 -> 20/06/23

• Proposta:

--> Entregar o formulário o mais próximo possível do template apresentado (por imagens e vídeo) dentro do seu conhecimento e de suas limitações

--> PROIBIDO utilizar qualquer IA para construir o código, salvo para tirar dúvidas. Utilize seu conhecimento atual.

--> Esse desafio é APENAS pra entender o nível específico de cada um, nada além disso. Após o prazo teremos as aulas de backend e frontend e utilizaremos esse desafio para ensinar pontos de FE, bem como atacar algumas dificuldades que foram identificadas.

• Funcionalidades esperadas:

--> Utilizar preferencialmente *** React.js***, caso ainda não saiba, utilizar Javascript

--> Formulário responsivo

--> Todos os campos do template (iremos disponibilizar imagens e um vídeo do formulário funcionando)

--> Campos com validação padrão de quantidade de digitos e afins, retornando mensagem de erro se não preenchido corretamente ao submeter

--> Máscara de CPF e número de telefone

--> Campos 'estado' e 'cidade' consumindo API pública do IBGE

--> • https://servicodados.ibge.gov.br/api/v1/localidades/estados

--> • https://servicodados.ibge.gov.br/api/v1/localidades/estados/estadoSelecionado/municipios

OBS1.: Na segunda API (municipios) o penultimo campo 'estado selecionado' deve ser informado o nome do estado que se quer ter os municipios. Isso deve vir da primeira API de cidades.

OBS2.: Caso não saiba consumir APIs, faça os campos selects pré definidos utilizando as do HTML, como alguns estados e cidades ou vindo de um JSON. Use a criatividade.

(fique livre pra utilizar a API que quiser, caso não queira utilizar essas)

--> Campo de senha e confirmação de Senha com no mínimo 5 dígitos e no máximo 30, com no mínimo uma letra maiúscula, um número e um caractere especial

--> Icone de olho para mostrar a senha se clicado e esconder se clicado novamente

--> Campo de termos e condições renderizando componente de termos e condições (pode ser em tela ou no formato modal)

--> Após submeter deve renderizar componente informando que foi tudo correto ou informar erro se esperar algo além

--> Salvar dados no Local Storage ou de alguma forma que você achar melhor quando clicar em enviar

--> Botão limpar deve limpar os campos

• Após finalizar, utilizar o seu conhecimento de versionamento (git e github) e subir o projeto para um repositório remoto público, enviando o link do repo para @alvinho

• Fiquem livres para implementar qualquer coisa além do solicitado, qualquer melhoria que você acha pertinente

• O estilo visual como cores, fontes, etc é ao gosto. Fique livre pra escolher sua identidade visual.