Skip to content

Essa página foi criada para mostrar um pouco das minhas habilidades e projetos

Notifications You must be signed in to change notification settings

edilan-ribeiro/my-portfolio

Repository files navigation

Escolha seu idioma | Choose your language

pt-br en



Logo

Meu Portfólio

Essa página foi criada para mostrar um pouco das minhas habilidades e projetos

Ver online


Índice
  1. Sobre o projeto
  2. Utilização
  3. Contato



Sobre o projeto

gif do projeto no desktop



Este portfólio é uma ferramenta essencial que utilizo para apresentar minhas habilidades. É uma espécie de vitrine do meu trabalho, onde posso mostrar de forma concreta e visual o que sou capaz de fazer. Acredito que um portfólio forte e bem organizado é uma forma destaque, pois permite que você mostre o todo o seu potencial além do currículo e das palavras.


gif do projeto no celular

(voltar ao topo)

Feito com

Next.js Sass Typescript Vitest

(voltar ao topo)

Notas de destaque

Diversas coisas foram adicionadas na nova versão deste projeto, que esta em constante atualização:

  • Atualização para o framework Nextjs
  • Envio de mensagem via email
  • Linda sessão inicial com vídeo
  • Layout 100% responsivo
  • Animações com framer motion

(voltar ao topo)

Desafios e aprendizados

⚛️ Nextjs: Agora o portfolio utiliza a tecnologia do nextjs e com a adoção deste framework vem uma série de vantagens, desde melhor desempenho até uma experiência de desenvolvimento mais fluida.

📧 Resend: Adicionou uma novidade para o projeto, utilizando a implementação do SSR (Server-Side Rendering) do nextjs permitiu o uso direto da API do resend, eliminando a necessidade de criar um servidor dedicado para isso e evitando a exposição de variáveis da ambiente nos client components. Além disso também conta com a camada extra de segurança do zod para validações!

📱 Layout responsivo: Uma abordagem fundamental para garantir que o conteúdo do portfolio seja apresentado de forma eficaz e atraente em uma ampla gama de dispositivos, desde smartphones e tablets até laptops e monitores de alta resolução.

🤹 Framer Motion: A utilização das animações através desta biblioteca não só torna o portfolio visualmente atraente, mas também melhora a experiência do usuário, tornando a navegação mais fluida e envolvente.

(voltar ao topo)

Utilização

Após clonar, baixar ou fazer um fork, utilize o comando abaixo para instalar as dependências do projeto:

npm install

Testes estão localizados no branch "test"

Esse projeto te permite:

  • Ver um resumo profissional
  • Acessar meu currículo
  • Uma visão ampla das tecnologias que utilizo
  • Visualizar alguns projetos já realizados
  • Entrar em contato comigo!

(voltar ao topo)

Contato

💌 Para me mandar uma mensagem basta usar um dos botões abaixo!

(voltar ao topo)

About

Essa página foi criada para mostrar um pouco das minhas habilidades e projetos

Topics

Resources

Stars

Watchers

Forks