US referente: https://github.com/orgs/SouJunior/projects/3/views/1?pane=issue&itemId=11661893

Figma referente: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=89%3A3&t=wn9fqUzX5pFkKGTE-0

Descrição

Integrar sistema e realizar autenticação com API correta.

• Criar sistema de seleção de tipos de usuários renderizando um formulário para cada tipo de usuário.
• Habilitar/Desabilitar botão do usuário que for selecionado para login
• Realizar as requisições para a API correta.
• Redirecionar o usuário de acordo com seu tipo
• Verificar sistema de autenticação entre empresa cadastrada e login no sistema.
• Criar página de redirecionamento para tela de login, ou seja, pagina Home
• Criar página de redirecionamento após login, ou seja, Feed de Vagas
• Criar conta de empresa
• Criar persistência de login

Recursos

API backend: https://dev-backend-vagas.up.railway.app/api/#/

O usuário gostaria de entrar no sistema deslogado e cadastrar vagas, visualizar, editar e apagar essa vaga, com os dados:

• Titulo da vaga
• descrição
• Tipo: Estagio, Trainee ou Junior

OBS: o login será feito em outra tarefa.

US referente: SouJunior/products#37

Header da página

• Adicionar área para indicar onde o candidato está (exemplo: "Buscar vagas", "Avaliação de vagas", etc)
• Criar links nas opções para direcionar o candidato para a página correspondente.

Prótotipo

• Os dados do usuário devem ser preenchidos manualmente;
• O checkbox "Me mantenha conectado" não é obrigatório;
• Caso selecionado, o sistema irá salvar as credenciais do usuário, não sendo necessário refazer o login
• Quando o usuário clicar no botão Criar Conta, o sistema deve executar US_Cadastro
• Quando o usuário clicar no link "Esqueci minha senha" o sistema deve executar a US_Esqueci_minha_senha
• #78

Após mudanças no protótipo...

Renomear ExtendedFooter.tsx para Footer.tsx, e apagar o SimpleFooter.tsx.

Lembrar de trocar o nome onde esse componente é chamado/usado, para evitar bugs.

Deverá ser criado um arquivo do Axios de configuração padrão, com a instância da API. Como a baseUrl, headers, parâmetros padrões, e qualquer outra configuração pertinente ao consumo da API pelo Frontend.

• Consultar o backend e os requisitos para consumir a API
• Lembre de instalar a dependência do Axios no projeto

Documentação do Axios
https://axios-http.com/docs/instance

Descrição

• Inserir foto do usuário na lateral superior
• Criar link na foto para o perfil do candidato
• Adicionar flag de indicação de perfil ativo abaixo da foto

Prótotipo

Overview

A implementação de cadastro de usuários do tipo empresa, quando a empresa se cadastrar deve enviar esses dados como requisição para o backend através de uma API.

Features/points

• Mensagens de feedback
• Redirecionamentos

Resources

Endpoint: https://dev-backend-vagas.up.railway.app/api/

Issues: SouJunior/products#29

Figma: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=2541%3A2319&t=1LBAwbaVZ4DIY5D3-0

Formatar o texto de exibição da descrição da vaga, e oferecer essa funcionalidade (estilização do campo Descrição) para controle do usuário.

Preciso de uma POC de como vai ficar a estrutura do projeto.
Exemplo: Estrutura de pastas, Arquitetura dos components, libs usadas, e demias decisões tecnicas referentes ao projeto.

O usuário gostaria de logar no sistema.

Fazer tela de login, com logo do projeto, redirecionando para lista de vagas.

• usuario (numeros e letras)
• senha

Criterio de aceite:

• Redirecionar para lista de vagas.

OBS: usar dados fictícios por enquanto.

US referente: https://github.com/orgs/SouJunior/projects/3/views/1?pane=issue&itemId=22945724

Figma referente: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=89%3A3&t=wn9fqUzX5pFkKGTE-0

Descrição

• Criar Formulário
• Validar Formulário

Recursos

API backend: https://dev-backend-vagas.up.railway.app/api/#/

Issues: SouJunior/ui-ux#17

Figma: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=2541%3A2319&t=1LBAwbaVZ4DIY5D3-0

Criar componente como styled-component baseado no protótipo do Figma

Issues: SouJunior/ui-ux#17

Figma: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=2541%3A2319&t=1LBAwbaVZ4DIY5D3-0

TASK RETIRADA DA SCREEN LOGIN (fechada)

Motivo

Em razão da migração de issues generalistas para Milestones, essa foi a pendência que restou da US Login.

Sobre

Essa issue serve para resolver essa pendência do asset que são figuras circulares na tela de login.

O asset citado é esse:

Originally posted by @igords-goncalves in #3 (comment)

• #87
• #88
• #89
• #90

US referente: https://github.com/orgs/SouJunior/projects/3/views/1?pane=issue&itemId=22945724
Figma referente: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=89%3A3&t=wn9fqUzX5pFkKGTE-0

Descrição

Integrar sistema e realizar autenticação com API correta.

• Realizar as requisições para a API correta.
• Redirecionar o usuário de acordo com seu tipo
• Criar página de redirecionamento após login

Recursos

API backend: https://dev-backend-vagas.up.railway.app/api/#/

Olhar o Figma para conferir se a imagem abaixo ainda está atualizada.

Overview

This issue should fix the structure of the login screen layout positioning it better than now, and in addition to improving the semantic structure.

Features

This is the features on login screen

• Title
• Button
• Login Card
• Logo Image

References

Issues: SouJunior/ui-ux#17

Figma: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=2541%3A2319&t=1LBAwbaVZ4DIY5D3-0

End points (Back):
"/user/recovery-password" -> informar e-mail que deve estar no banco de dados, se existir será enviado um e-mail com um token (em forma de link) que será usado para atualizar a senha para o e-mail informado.
"/user/update_password" -> informando o token de recuperação informado por e-mail, a senha pode ser atualizada.

US referente: https://github.com/orgs/SouJunior/projects/3/views/1?pane=issue&itemId=22945724

Figma referente: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=89%3A3&t=wn9fqUzX5pFkKGTE-0

Descrição

Trata-se da submissão do formulário de cadastro do usuário.

• Criação de submissão do usuário criado
• Integração com API backend correta
• Redirecionamento para página autorizada
• Utilizar página em branco simulando página home para acesso não autorizado
• Utilizar página em branco simulando página de acesso autorizado

Recursos

API backend: https://dev-backend-vagas.up.railway.app/api/#/

Prototipo: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX?node-id=145%3A302

Olhar o Figma para conferir se a imagem abaixo ainda está atualizada.

Issues: https://github.com/SouJunior/ui-ux/issues/29

Figma: https://www.figma.com/file/vZW7WBF2WfTiiRjsSQRiFe/SouJunior---UI%2FUX---(-Update-19%2F10%2F2022-)?node-id=2541%3A2319&t=1LBAwbaVZ4DIY5D3-0

Component Request

Sua solicitação de recurso está relacionada a um problema?

Não necessariamente a um problema, mas para otimizar o desenvolvimento das interfaces é interessante começar pela criação dos componentes que serão reutilizados, portanto o ideal nesse momento é parar o desenvolvimento das interfaces e dar prioridade aos componentes.

Descreva a solução que você deseja

Essa issue é exclusivamente para a criação do componente Button, vide Figma.

Descrição detalhada

O Button é um dos componentes mais importantes, precisa ser desenvolvido visando as variantes, são elas:

Até então essas variações é o suficiente para continuar com o desenvolvimento das interfaces.

Eu tomei liberdade de dar uma olhada no projeto e percebi que as paginas em sí não possuem uma organização, poderíamos criar pastas com módulos, assim com os seus respectivos testes e o arquivo de estilo.

Component Request

Sua solicitação de recurso está relacionada a um problema?

Não necessariamente a um problema, mas para otimizar o desenvolvimento das interfaces é interessante começar pela criação dos componentes que serão reutilizados, portanto o ideal nesse momento é parar o desenvolvimento das interfaces e dar prioridade aos componentes.

Descreva a solução que você deseja

Essa issue é exclusivamente para a criação do componente Input, vide Figma.

Descrição detalhada

O Input é um dos componentes mais importantes, precisa ser desenvolvido visando as variantes, são elas:

Até então variações é o suficiente para continuar com o desenvolvimento das primeiras interfaces.

Overview

A implementação de login de usuários refere-se tanto a usuários do tipo empresas quanto a usuários do tipo candidatos.

Resources

Endpoints: https://dev-backend-vagas.up.railway.app/api/

A lógica por trás da validação de campos em um formulário. Nesse caso, primeiramente para solucionar a task LoginCard.

Recomendado: utilizar uma biblioteca de validação (Yup, Zod etc) e outra para construção de formulários (react hook form, formik etc)

• Quando o usuário clicar no botão Entrar, o email e a senha devem ser validados;
  • A opção só ficará disponível após preenchimento dos campos acima
• Caso uma das informações inputadas não seja válida, deve aparecer acima do link "Esqueci minha senha" a frase “EMAIL OU SENHA INVÁLIDOS” em vermelho; *[CRIAR OPÇÃO ESQUECI MINHA SENHA]
• Caso as informações inputadas sejam validadas, sistema deve executar US_Feed_de_Vagas