vuejs-br / empresas-que-usam-vue-no-brasil Goto Github PK

Implementar binding dos dados dos filtros para a URL, permitindo assim que seja possível compartilhar uma URL com determinado filtro

A minha sugestão é de que teria um indíce alfabeto para caso a pessoa simplesmente queira procurar empresas de acordo com uma letra aqui no repositório.

A empresa "O Boticário" não utiliza mais Vue em seu site. Ela está usando atualmente React.

Destacar visualmente e através de filtro empresas que aceitam trabalho remoto.

Conta Sob Controle, o link não está funcionando: http://csc.im/

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?

Adicionar o botão do discord ao lado do telagram

https://discord.com/invite/B58SXdP

Atualmente o site não avisa que há uma versão nova.
Para melhorar a usabilidade uma notificação seguida de um reload de página se faz necessária.

Em se tratando de Brasil, eu sugeriria ordenar por estados e depois por empresa. Eu fui procurar por empresas do RIo de Janeiro e foi dificil encontrar.

Criar integração entre as empresas e vegas anunciadas no repo de vagas

https://github.com/vuejs-br/vagas/issues

done!