Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cadastro #14

Open
18 of 21 tasks
fiochi94 opened this issue Jul 3, 2019 · 1 comment
Open
18 of 21 tasks

Cadastro #14

fiochi94 opened this issue Jul 3, 2019 · 1 comment
Assignees
Labels
Frontend Etiqueta para tarefas de frontend

Comments

@fiochi94
Copy link

fiochi94 commented Jul 3, 2019

O cadastro do usuário será realizado a partir da interação com 2 telas no app.

A primeira tela ira conter os seguintes campos:
Nome, Data de nascimento, e-mail, senha, confirma a senha

A segunda tela ira conter os seguintes campos:
CEP, Endereço, Número, Bairro, Complemento, Cidade, UF.

Tela 1:

  • Verificar quais componentes já existem e que você pode reutilizar do projeto.
  • Criar tela 1 com com inputs: Nome, Data de nascimento, E-mail, Senha, Confirma a senha.
  • Criar o componente default do projeto de Input, Text e Button.
  • Botão "próximo".
  • Validação de e-mail (Regex).
  • Validação de senha (mínimo 8 caract) e tem que ser igual ao confirma a senha.
  • Validação de data (dd/mm/aaaa). Colocar mask se for fácil.
  • Se o usuário digitar errado deverá ser apresentada uma mensagem de erro relativo ao input.
  • Botão "próximo" será sempre disabled e só será enabled quando todos os dados estiverem corretos. Ao clicar nele ele deverá enviar o usuário para a Tela 2.
  • Todos os campos são obrigatórios.
  • As funções de validação serão usadas em outros pontos do App, por isso, coloque-as em um arquivo dentro da pasta utils.

Tela 2:

  • Verificar quais componentes já existem e que você pode reutilizar do projeto.
  • Criar tela 2 com inputs: CEP, Endereço, Número, Bairro, Complemento, Cidade, UF.
  • O CEP deverá estar no formato xxxxx-xxx.
  • Quando o CEP for preenchido no formato, chamar a API https://viacep.com.br/. A response da API
    deve preencher automaticamente o Endereço, Bairro, Cidade, UF.
  • O usuário deverá preencher o campo número. O campo "Complemento" é opcional.
  • Botão "finalizar" será sempre disabled e só será enabled quando todos os dados estiverem corretos.
  • Ao clicar no botão de "finalizar" a aplicação deve enviar os dados para a API.
  • Ao clicar no botão de "finalizar" um spinner deverá aparecer avisando o usuário de que os dados estão sendo enviados ao banco de dados. Sugestão de mensagem "Cadastrando. Por favor, aguarde".
  • Se o usuário digitar errado deverá ser apresentada uma mensagem de erro relativo ao input.
  • Após o cadastro ser finalizado, o usuário deve ser redirecionado ao Feed.
@eazybestartup eazybestartup added the Frontend Etiqueta para tarefas de frontend label Jul 4, 2019
@eazybestartup
Copy link
Owner

image

objeto do usuário

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend Etiqueta para tarefas de frontend
Projects
None yet
Development

No branches or pull requests

3 participants