search

elite37oficial / VAGAS_FLUTTER_MOBILE

Front-End Mobile do Aplicativo Vagas Flutter
1 stars 0 forks source link

Implementar tela filtros #44

Open TeofiloAlbuquerque opened 1 year ago

TeofiloAlbuquerque commented 1 year ago

Descrição:

A task consiste em criar uma tela de filtros, de acordo com o design fornecido no Figma. A tela deve permitir ao usuário filtrar as vagas com base em critérios específicos. A tela de filtros deve ter uma interface intuitiva e amigável, seguindo as diretrizes de design do aplicativo.

Detalhes:

A tela de filtros deve conter opções para filtrar as vagas por localização, modalidade e tipo de contrato. É importante garantir que a tela de filtros seja responsiva, funcionando corretamente em diferentes tamanhos de tela e orientações (portrait e landscape). Os filtros selecionados pelo usuário devem ser aplicados aos resultados de pesquisa de vagas na tela Home do aplicativo. A interface da tela de filtros deve ser clara e de fácil compreensão, com elementos de UI bem definidos, como botões, caixas de seleção e campos de texto, conforme especificado no design do Figma. A tela de filtros deve ter uma opção de "Redefinir" para permitir ao usuário redefinir os filtros aplicados.

Exemplos:

  • Área "Tipo de contrato": Incluir dois checkboxes para as opções "CLT" e "PJ", permitindo ao usuário selecionar o tipo de contrato desejado para as vagas.
  • Área "Modalidade": Adicionar um checkbox para permitir ao usuário escolher entre as opções de "Presencial", "Remoto" e "Híbrido", definindo a modalidade de trabalho desejada.
  • DropDownMenu de localização: Incluir um componente DropDownMenu que permita ao usuário inserir e selecionar a localização da vaga, como cidade, estado ou país, facilitando a busca por vagas em localizações específicas.
  • Responsividade e alinhamento: Garantir que todos os elementos de UI, como checkboxes e DropDownMenus, funcionem corretamente e estejam alinhados adequadamente na tela, proporcionando uma experiência visualmente agradável e intuitiva para o usuário.
  • Opção "Redefinir": Implementar a funcionalidade de "Redefinir" para permitir ao usuário remova facilmente todos os filtros aplicados na tela de filtros, proporcionando uma forma conveniente de resetar as seleções feitas anteriormente.

Critérios de aceitação:

  • Todos os checkboxes de tipo de contrato ("CLT" e "PJ") devem estar funcionais, permitindo ao usuário selecionar ou desmarcar as opções.
  • O checkbox de modalidade de trabalho ("Presencial", "Remoto" e "Híbrido") deve permitir ao usuário selecionar apenas uma opção por vez e exibir o estado atual da seleção.
  • O DropDownMenu de localização deve permitir ao usuário inserir e selecionar opções de localização, como cidade, estado ou país, de forma adequada e intuitiva.
  • Todos os elementos de UI, incluindo checkboxes e DropDownMenus, devem estar alinhados corretamente na tela, proporcionando uma experiência visualmente agradável e fácil de usar.
  • A funcionalidade de "Redefinir" deve remover todos os filtros aplicados na tela de filtros, deixando a tela em seu estado inicial.
  • A tela de filtros deve ser responsiva e funcionar corretamente em diferentes tamanhos de tela, como em dispositivos móveis e desktop.
TeofiloAlbuquerque commented 1 year ago