Esse projeto é o meu portfólio pessoal, onde mostro um pouco sobre mim, minhas habilidades e conhecimentos, além de mostrar alguns dos meus projetos. O projeto foi feito com React e Vite, e utiliza TailwindCSS para a estilização. O projeto é responsivo e possui um switch theme (light/dark/system), além de um switch de idioma (EN/PT-BR). O formulário de contato é funcional e utiliza o EmailJS para o envio de emails.
Nessa tela é possível ver minha apresentação, minhas redes para contato e dois botões que levam para as telas de projetos e sobre mim.
No começo da tela faço uma apresentação com pontos que acho importante sobre mim. Logo abaixo começa a sessão com todas as minhas habilidades e conhecimentos. No final da tela tem um botão que leva para a tela de projetos.
Nessa tela é possível ver os meus projetos que achei mais interessantes. Ao clicar no projeto, é aberto um modal com informações sobre as tecnologias utilizadas e a data do projeto, além de um carousel com as fotos (se disponível). Ao clicar em saiba mais, é aberto uma página com todas as informações do projeto, como descrição e imagens ampliadas.
Nessa tela é possível ver as minhas redes sociais e um formulário para contato, onde cada usuário tem a possibilidade de me enviar um email.
- Responsividade
- Switch theme (light/dark/system)
- Animações
- Envio de emails funcional
- Language switch (EN/PT-BR)
-
Vite + React
Para a criação, estruturação do projeto, gerenciamento de dependências e etc. -
React Router
Para a criação das rotas. -
TailwindCSS
Para a estilização do projeto. -
I18next
Para a internacionalização do projeto. -
React Icons
Para a utilização da maioria dos ícones. -
shadcn/ui
Para a criação de alguns componentes (como carousel, modal, e toast de email enviado). -
React Hook Form
Para a criação do formulário de contato. -
Zod
Para a validação do formulário de contato. -
EmailJS
Para o envio de emails. -
Outros pacotes
- tailwind-animatecss
- radix-ui
- lucide-react
- react-type-animation