Gostaria de compartilhar a versão final do meu site pessoal com vocês. Criei este projeto como um desafio pessoal e gostei muito do resultado, coloquei minha identidade neste site, queria criar algo que mostrasse quem eu sou. Por isso usei referências a coisas que gosto, por exemplo animes, videogames e, claro, hashtag#PHP.
Neste projeto, levei minha criatividade a outro nível e enfrentei muitos desafios. Compartilhei com meus amigos e coletei feedback de pessoas ao meu redor. Refinei o site e agora estou feliz com o resultado e animado para compartilhar e ouvir o feedback de vocês.
Usei várias tecnologias para criar este site e aqui vou detalhar para você:
Frontend:
ReactJS
Modelo 3D usando o Avaturn AI para criar um personagem com minhas características
Three JS e React Three Fiber para renderizar a malha e trabalhar com o Canva
Mixamo para adicionar ação ao modelo 3D e React Three Drei para controlar as ações
Particle JS para adicionar fundo interativo
GSAP para adicionar animações suaves aos componentes e transição de página
Tailwind CSS para adicionar estilos com Material Tailwind CSS
React Spoiled para aplicar efeito de sombra às palavras
Rotating Logic para controlar o 3D e vinculá-lo ao estado do React
Animações CSS mostram elementos
Backend:
Vercel para fazer a implantação
EmailJS para enviar e-mails
Integração Firebase para contar visitantes do site
API feita em Go que se conecta com a API dev.to e a API do GitHub para obter os dados para o páginas de projetos e artigos
Web LLM embed (AI Lab está em construção)
Espero que você goste ou talvez lhe dê algumas dicas sobre como codificar seu site pessoal.
Top comments (0)