Gostaria muito de receber dicas de melhoria :)
Talvez eu seja um júnior (não sei por que nunca fui contratado como um, mas enfim), e gostaria de algumas dicas para melhorar (code review) o meu portfólio. Se alguém puder me ajudar, ficarei grato.
Ah, o projeto é open source, então se quiser usá-lo, está tudo bem.
Repositório: https://github.com/Jailsonr12/Portfolio2.0 Link do portfólio: https://meet-jailson-jailsonr12s-projects.vercel.app/
Achei interessante seu portfólio, mas ele contém alguns erros de design:
1 - Os ícones na versão desktop ao passar o mouse tem a barra de scroll horizontal aparecendo, provavelmente você aumentou o tamanho do svg para um valor superior a div/button que ele está.
2 - As imagens com prints do projeto são grandes demais, deveria ao máximo manter em kb o tamanho delas, nunca em mb no caso que está utilizando.
3 - Uso de sombras excessivo, apenas nos botões, não tem necessidade de adicionar texto, apenas confunde o usuário.
4 - Suas sombras me parecem estar projetadas na direção errada, a maior parte deve ficar na parte inferior ou em quantias iguais. Mas essa parte pode ser só impressão minha.
5 - Remova seu portfólio dos projetos que fez, nós já estamos nele, não precisa mencionar ele novamente.
6 - Mude a ordem dos projetos, coloque aqueles que trazem mais valores para os usuários dos mesmos em primeiro lugar, também buscaria ter como o usuário visualizar e interagir com as páginas reais, a maior parte das pessoas não têm paciência para ver um vídeo, principalmente quando ultrapassa o tempo de um shorts/ tik tok.
Não sei se é seu objetivo, mas acredito que seria interessante realizar algumas melhorias no seu código. Observei algumas questões:
-
Como a página Home é uma parte importante, seria interessante torná-la um módulo separado. Assim, você poderá declarar e importar apenas o necessário para ela.
-
Não sei se você planeja criar mais páginas no projeto, mas seria vantajoso separar os componentes genéricos dos específicos. Notei que todos os componentes estão em uma única pasta chamada "components". Uma abordagem mais organizada seria deixar nessa pasta apenas os componentes globais e criar uma pasta "components" em cada módulo para os componentes específicos daquele módulo.
-
Notei que você definiu estilos para o body dentro do estilo do componente Home. Nesse caso, seria mais interessante definir esses estilos de forma global, a menos que seja um ajuste muito específico e necessário, o que não parece ser o caso aqui.
-
Já que você está utilizando SCSS, é possível aproveitar as funcionalidades disponíveis. Você pode conferir alguns recursos básicos na documentação em https://sass-lang.com/documentation/style-rules/parent-selector.
-
Não foi seguido um padrão de idioma no projeto. Em alguns lugares, as variáveis são declaradas em português, em outros, em inglês. O ideal seria seguir um padrão, preferencialmente em inglês. Isso inclui nomes de arquivos, componentes, variáveis, funções, etc., e não o idioma que o seu projeto apresenta (no caso, seu portfólio).
-
Embora não seja estritamente necessário, seria interessante tipar suas variáveis, métodos e atributos. Mesmo que o TypeScript possa inferir os tipos, é uma boa prática realizar essa tipagem explicitamente.
-
É importante definir modificadores de acesso para seus atributos e métodos. Se não forem definidos, eles ficam públicos por padrão.
Essas são sugestões de melhorias que podem acrescentar qualidade ao seu projeto. Se eu estivesse avaliando-o, esses pontos certamente seriam considerados.
Em resumo, o código está bem escrito e organizado. Parabéns pelo trabalho!
seu portifólio aparenta estar quebrado no mobile. Achei 2 letras por linha bem agressivo para um celular
Está quebrando no Mobile, dá uma atenção nisso. E não sei se foi proposital, mas usar Times New Roman na parte dos "projetos" ficou um pouco esquisito na minha opinião. Quebra um pouco do estilo mais moderno da página.
Não entendo muito de Angular mas me parece código que um jr faria, e acho que a culpa disso é por vc seguir a linha de fullstack maninho, vc vai ter que ralar o dobro pra subir de nível e alcançar uma excelencia de código maior.