Skip to content

ldantsc/portfolio-dantsc

Repository files navigation

Portfólio dants.dev </>


Lucas aqui, e com muito entusiasmo que apresento a vocês o meu portfólio pessoal !



O objetivo deste projeto é apresentar um pouco sobre minha história e minha jornada no mundo da programação e claro, servindo como porta de entrada tanto para o mercado de trabalho, como para clientes que desejam saber mais sobre o meu trabalho de desenvolvedor.


Planejamento e criação

Para iniciar o projeto, estabeleci um objeto de criar meu site e que este site não seja feito a partir de um template ja existente, por mais que eu não tenha um conheça sobre design, fui desenhando no Figma até chegar em algo que me agradava e que fosse minimamente coerente com a proposta.


Prototipo do projeto no Figma

como pode ver, ficou uma bagunça, e um pouco diferente da versão final 😅


Seções que compõe a pagina

  • Apresentação
  • Sobre mim
  • Certificados
  • Tecnologias
  • Projetos

Resumindo, nesta primeira versão gostaria de algo mais simples porém funcional.

Tecnologias utilizadas


Por ser um projeto que eu gostaria algo mais "minimalista", simples e funcional, optei por utilizar algumas das tecnologias que listarei aqui

Frameworks e biblioteca s

  • AstroJS + React
  • AOS
  • Typescript
  • Tailwind CSS

API

REST API GITHUB


Resumo

Desafios


Tive muitos desafios durante o projeto, o primeiro deles era sobre decidir o estilo do projeto, paleta de cores e toda a parte de estilização do site, então para tornar um pouco mais fácil essa parte, existe um repositório onde varios desenvolvedores compartilham seu portfólio servindo de inspiração para outros dev, você pode conferir aqui.

Outro desafio enfrentado foi tentar tornar o projeto o mais escalável possível, então descobrir algumas nuances com o Tailwind CSS com a possibilidade de utilizar suas classes dentro de uma folha de estilo CSS utilizando @apply para organizar os estilos.E por eu ter optado em fazer o projeto com o Astro, se tornou mais organizado e fácil de compreender mesmo que ainda eu nunca tivesse utilizado o Astro antes, então ao mesmo tempo que fiz este projeto, fui aprendendo seguindo a documentação do Astro.

Alguns componentes como os cards, utilizei o React dentro do Astro propositalmente, pois como havia o consumo da API do Github, optei por fazer o componente em um .jsx e utilizando os Hooks como o useEffect por exemplo por questões de estudo.


Agradecimentos


Deixo aqui meus sinceros agradecimentos aos meus amigos que sempre me apoiando de perto minha jornada como desenvolvedor e trocando conhecimentos e experiência, em especial ao Diogo | Engenheiro de Dados, Robson Ambrosio | Desenvolvedor FullStack, ao meu irmão Luan, também para o pessoal do Discord da Explow Studio e a você que dedicou seu tempo para conferir este projeto deixo um muito obrigado !

caso encontre algum bug, problemas com resposividade ou se simplesmente você queira trocar experiências, mandar sugestões, pode me chamar no chat do LinkedIn !


🚀🚀🚀