O que vocês acham da nova interface gráfica, o que vocês acham da ideia?

[ghost]

Pessoal, como estão?

Tó pensando em mudar a interface gráfica, não estou de alguma forma querendo dizer que o trabalho de vocês não é bom, estou planejando mudar, pelo motivo que no mobile quando acesso alguns recursos desaparecem ou quebram o layout. Daí pensei em fazer desse jeito, tó pensando em colaborar com esse projeto pq achei muito interessante, esse seria meu primeiro pull request e queria saber a opinião de vocês se isso é legal ou não. Acho a ideia de colaborar muito incrível, essa é a minha primeira aparição como developer :)

Sobre isso, abaixo mostro os problemas gerais que observei na interface gráfica e a solução final.

Problemas da interface antes

Alguns recursos desaparecem ou quebram o layout se vc utiliza o mobile ou desktop, podemos ver nas imagens abaixo. Além desse problema de quebra de layout no desktop ou no mobile, podemos perceber que existem muitas tags e essas parecem que deixam o layout confuso cheio de informação como no mobile e no desktop também.

Desktop

Mobile

Aqui está a solução

Desktop

Algumas vantagens nessa interface gráfica:

• maior responsividade dos elementos
• mais filtros para a busca de uma determinada vaga:
  1. banco de dados(mysql, postgresql, mariadb, mongodb etc),
  2. filtrar vagas por forma de trabalho(remoto, presencial, híbrido),
  3. filtrar vagas por cms(wordpress, drupal, joomla, etc),
  4. filtrar vagas por tipo de software(mobile, desktop, web, spa, mpa, ssr),
  5. filtrar vagas por tipo de hospedagem(heroku, amazon, hostinger etc).
  6. Ordenar empresas por ordem alfabética, mais recentes, antigas.
  7. Ordenar vagas por quantidade de vagas(maior ou menor quantidade de vagas).
  8. Ordenar vagas por tags com filtro de alfabética, maior ou menor quantidade de tags.
• A parte de estatísticas públicas diz quantas vagas existem numa empresa ou tags utilizadas. Isso é interessante para vocs dps fazerem algum ordenação de vagas por tags com filtro alfabético, maior ou menor quantidade de tags.

Alguns problemas resolvidos nesta nova interface gráfica

1. As tags só aparecem quando vc clica em tags, os outros elementos desaparecem, isso é feito para vc não poluir muito a barra lateral do usuário.
2. Como existem muitos filtros o usuário não precisa digitar na barra de pesquisa, de acordo com esses filtros o usuário pode por exemplo pesquisar uma vaga vuejs com uma empresa do ramo específico, por exemplo, relacionado ao banco de dados mariadb.

Planejamento futuro e notas finais\ficha técnica

• Tó pensando em colocar as vagas com a logo da empresa, pq facilitaria muito para o usuário a pesquisa.
• Por enquanto esse é o frontend, ainda não enviar um pull request pq tó aguardando a opinião de todos vcs ;)
• Utilizei o Tailwind junto com vuejs para criar essa parte gráfica(frontend).
• Para construir essa ideia, inspirei-me-ei neste dashboard https://windmill-dashboard.vercel.app/cards.html é um dashboard gratuito e de código aberto, se o projeto é de código aberto e é gratuito, pensei em utilizar um dashboard gratuito e de código aberto tbm
• Podem criticar, gostaria de saber a opinião de vocês se faz sentido ou não essa mudança, caso faça sentido, ficaria feliz em ajudar, caso não, peço perdão a comunidade por qualquer inconveniência
• Todo o código foi reutilizado a interface gráfica antiga do jeito que era, a diferença seria que teria uma barra lateral(sidebar) e mais filtros e caso não tenha vaga volta para a rota inicial da homepage que fala do projeto
• Não sei se sabem mais existem algumas soluções online como stackedit e dillinger, ambos foram feitos com nodejs e ambos conectam ao github para vc escrever o markdown. Isso é incrível, pq vc não teria que logar sempre no github para fazer o pull request. Seria incrível a gente fazer uma formulário que gera um código markdown com a empresa, dessa forma, a gente economizaria tempo e os dados ficariam públicos o mais rápido possível para que todos tenham acesso a informação das empresas e vagas. Podemos readaptar esse codigo stackedit ou do dillinger para proporcionar uma melhor experiência dos desenvolvedores, é uma ideia, mas não sei se seria interessante para vcs :)
• Além do desenvolvedor fazer a issues das vagas, outra opção seria conectar ao formulário que gera um markdown onde ele envia o pull request ou isso gera o issue tbm.

Referências visuais/inspirações visuais

• Evernote, sites do tipo landing page
• Sidebar parecido com o software de notas Joplin
• Elementos e filtros da interface antiga.

:) espero contribuir em muito pessoal, o que vcs acham?

[vinicius73]

Que trabalho incrível @ajudandoti
Estou ansioso com este PR

Toda ajuda é sempre bem vinda!

[iagocavalcante]

Muito bom, gostei demais da proposta.

[hamiltongabriel]

Parabéns pelo olhar critíco, esperando ansiosamente por esse pr /2
Muito obrigado pela contruição <3

[manzoliric]

Muito bom, se precisar de alguma ajuda para desenvolver 😄