Essa tarefa tem a responsabilidade de criar a tela de login, mas sem a funcionalidade do login em si e sua integração com o back-end. No entanto, todo o resto deve estar pronto, como as validações dos textos do input.
Use Case
O usuário deverá ter uma tela de login.
Implementation Details
Atenção!
O octopost não foi estruturado com o mobile first inicialmente, mas nessa página, será necessário que seja mobile first, seguindo fielmente o design do figma que está disponível nas informações adicionais.
Para facilitar o processo de formulário, você deverá usar o react hook form para criação de formulário, com a validação se ele será emitido ou não com zod.
Esses dois também facilitarão para que você exiba os erros dos campos.
Pode ser que você tenha problemas com a referência no componentes de Input, caso tenha, dê uma olhada nesse vídeo https://www.youtube.com/watch?v=evYPKboKiDs&t=884s
Describe the feature
Essa tarefa tem a responsabilidade de criar a tela de login, mas sem a funcionalidade do login em si e sua integração com o back-end. No entanto, todo o resto deve estar pronto, como as validações dos textos do input.
Use Case
O usuário deverá ter uma tela de login.
Implementation Details
Atenção! O octopost não foi estruturado com o mobile first inicialmente, mas nessa página, será necessário que seja mobile first, seguindo fielmente o design do figma que está disponível nas informações adicionais. Para facilitar o processo de formulário, você deverá usar o react hook form para criação de formulário, com a validação se ele será emitido ou não com zod. Esses dois também facilitarão para que você exiba os erros dos campos. Pode ser que você tenha problemas com a referência no componentes de Input, caso tenha, dê uma olhada nesse vídeo https://www.youtube.com/watch?v=evYPKboKiDs&t=884s
Visual Concepts
Mobile:
Desktop:
Additional Information
link do figma: https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=54395-66