🚀 Acabei de lançar meu portfólio — e ele foge totalmente do comum.
Em vez de um site tradicional, criei uma experiĂŞncia inspirada em um terminal Linux, como se vocĂŞ estivesse interagindo com um sistema baseado em CLI. O design Ă© fortemente influenciado pelo estilo dos terminais do Ubuntu, e o resultado Ă© algo que representa bem minha identidade como programador: simples, direto e focado em tecnologia raiz.
🔧 O portfólio conta com 4 comandos principais até agora — incluindo whoami, list, apt list, e clear — e cada um revela um aspecto diferente da minha trajetória e dos meus projetos.
🧠Tudo foi feito do zero com HTML, CSS e JavaScript puro, e ainda pretendo expandir com novos comandos, animações, easter eggs e talvez até uma shell interativa no futuro.
💻 Se quiser conhecer um dev que prefere o terminal ao drag & drop, dá uma olhada: 👉 https://leonardopinezi.netlify.app
Curtiu a ideia? Feedbacks sĂŁo super bem-vindos!
Caramba, ficou MUITO BOM!!!!!!!!!!!!!! mas coloca um botĂŁo para limpar o terminal kkkkkkkkkkkkkkkkkk
Muito boa a sacada, a depender da oportunidade vale muito a pena mostrar esse.
Acredito que não seja a melhor solução quando o assunto são recrutadores e galera de RH, no geral essas pessoas não tem tanto conhecimento na área e um portfolio que se assemelha a um terminal pode ser um pouco assustador ou trabalhoso de se ler para eles.
Mas em compensação a todos os pontos difĂceis que citei, a depender da pessoa que vocĂŞ for falar ou se apresentar vale muito a pena mostrar esse portfolio kkkkkk, devs backend em geral irĂŁo se amarrar nessa ideia.
Nunca encontrei nada parecido na web. parabéns pela criatividade!
A ideia é interessante, e ficou show, porém não sei é bom do ponto de vista UX. Se um recrutar com conhecimentos for olhar teu perfil, pode até funcionar, mas se for alguém se experiência bem provável que não aperte em todas as opções.
Achei show a transição entre comandos e a precisão das informações. Porém seria interessante da um padding
entre os parágrafos, pois ficam muito juntos e dificulta na leitura. Os links
poderiam ser realmente links
. Duvido que alguém se de o trabalho de copiar e colar na barra de URL. Além de destaca-lo de azul para não ser confundido com algum outro texto.
Outro ponto é manter o scroll posicionado corretamente e garantir que o usuário esteja vendo a informação que pediu, sem precisar scrollar toda vez. Isto ocorre quando eu clico em outra opção sem dar um clear
.
Olhando no inspetor, notei que todo o texto está dentro de um span
. Se você precisar em controle mais granular de todo texto, não vai conseguir. Isto não vai mudar a parte visual, mas provavelmente vai te ajuda na manutenção, mas você poderia criar um span
para cada linha do terminal, e até personalizar algumas linhas especiais, no caso do link
, optar por adicionar uma classe
link, por exemplo. Ou criar um p
para cada linha, desde que são parágrafos mesmo, melhorando SEO e tornando o código mais semântico.
Fala mano, muito top o seu portfolio, fiz o meu assim a alguns anos atrás, inclusive tenho muita coisa pra atualizar nele ksksks https://crisrodsz.netlify.app
esse estilo de terminal Ă© muito massa! Sucesso pra vocĂŞ irmĂŁo!
Muito bom, parabéns! Depois adiciona a possibilidade de ver em pt-br