1 min de leitura ·

Meu Portfólio em React js

Bom dia, boa tarde e boa noite a todos!

Por meio deste post, venho divulgar meu primeiro portfólio e meu primeiro projeto desenvolvido em React JS. Optei por iniciar este projeto por considerá-lo uma forma acessível de estudar os fundamentos do React. Além disso, tive meu primeiro contato com o Tailwind CSS e o ShadCN UI, e devo dizer que fiquei impressionado com a facilidade e a produtividade que essas ferramentas oferecem. Embora a experiência tenha sido bastante positiva, não posso deixar de mencionar que enfrentei algumas dificuldades relacionadas à responsividade com o Tailwind e na personalização dos componentes do ShadCN UI.

As tecnologias utilizadas foram:

React JS
Tailwind CSS
ShadCN UI
Vite JS
Email JS

Ao me aprofundar no universo do React, percebi que uma ferramenta de build era essencial para a criação do projeto. Portanto, decidi utilizar o Vite JS, que se destaca por sua rapidez e otimização, oferecendo inicialização instantânea e builds leves, além de ser fácil de configurar para projetos em React.

Qualquer crítica construtiva ou sugestão para aprimoramento será muito bem-vinda.

Agradeço por ler este post e, caso desejem conferir o site, disponibilizo o link abaixo, assim como meu GitHub:

Portfólio
Github

DaniloAbramowicz

2 meses atrás

Portfolio legal, mas pode melhorar em vários pontos:

1 - Defina um idioma para todo site, não coloque frases em portugues e inglês.

2 - Portfólio não é um projeto que se coloca dentro do portfólio.

3 - Apesar de colocar para exibir o nome da ferramenta quando passa o mouse por cima, não funciona no mobile e nem todo mundo lembra de cabeça os ícones das ferramentas, eu mesmo abri antes no celular e demorei para reconhecer o shadcn.

4 - Vi no currículo que fez faculdade, não aprendeu outras habilidades técnicas? As que citou são muito recentes, a não ser startups recém iniciadas a maioria das empresas não vai usar.

5 - Tá faltando o favicon do seu site.

6 - Tenho dúvidas se o Vite foi necessário, não tem nada demais no seu site que o react não dê conta.

Sobre os projetos que adicionou:

1 - Spyder Man 2, também não deveria estar aqui, projeto incompleto, se diz ser uma landing page, mas tem o menu de um site multipage, além do final ter um ícone para scrollar para baixo sendo que não tem mais nada.

No entanto, a pior parte é que está escrito incorretamente Spyder é Spider, não usa y, spyder é espião. Isso é motivo comum para seu currículo ser descartado.

2 - Burger King - Cupons, outro que se diz landing page com elementos de multi page, não vou me repetir. No mobile tá com scroll horizontal.

3 - FigPro, serei direto, péssimo, mal formatado, imagens e estilos que não se conversam, ux e ui morreram nesse site.

4 - To do list, o que se salva, mas o que suponho ser o botão para alternar entre modo dia e noite não está funcionando, também não vou elogiar, pois é um projeto muito comum.

5 - Tech Signs, foi citado no currículo, aparenta ser o melhor entre os que apresentou e não colocou no portfólio, por que?

Liander

Autor

2 meses atrás

Obrigado pelo feedback! Estarei trabalhando para melhorar esses pontos.

Sobre os projetos, tenho bastante dificuldade em criá-los. Tirando o To-do List, os outros foram feitos enquanto eu ainda estava aprendendo HTML e CSS, por isso não têm interatividade e realmente não fazem nada, rsrs. Coloquei-os no portfólio apenas para não deixar a seção em branco.

Quanto ao Tech Signs, esse projeto foi desenvolvido por mim e pelo meu grupo na faculdade. Estou apenas aguardando um dos integrantes realizar o deploy para pegar a imagem e adicioná-lo ao portfólio.

Coloquei as habilidades visando a área de atuação, que seria o front-end. Acha que seria interessante listar todas com as quais tenho familiaridade?

moranguinho

2 meses atrás

Acho que quando ele falou outras tecnologias, se referia a outras linguagens de programação, por exemplo c#, da para fazer backend e front end com ele, até mesmo C tem suas maneiras de fazer interface.

Por que você não duplica o repositório e sobe você mesmo a aplicação que fez na faculdade?