Description
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:
- banco de dados(mysql, postgresql, mariadb, mongodb etc),
- filtrar vagas por forma de trabalho(remoto, presencial, híbrido),
- filtrar vagas por cms(wordpress, drupal, joomla, etc),
- filtrar vagas por tipo de software(mobile, desktop, web, spa, mpa, ssr),
- filtrar vagas por tipo de hospedagem(heroku, amazon, hostinger etc).
- Ordenar empresas por ordem alfabética, mais recentes, antigas.
- Ordenar vagas por quantidade de vagas(maior ou menor quantidade de vagas).
- 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
- 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.
- 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?