Portfólio Profissional - Edison Travain

MEU PRIMEIRO PROJETO DE PORTFÓLIO

Este é um projeto de portfólio pessoal desenvolvido por Edison Travain, estudante de Engenharia de Software e Desenvolvedor Full-Stack.

📋 Visão Geral

Este portfólio foi criado com o objetivo de apresentar minhas habilidades, projetos e formação acadêmica de forma profissional e visualmente atraente. O site é totalmente responsivo e foi desenvolvido utilizando HTML, CSS e JavaScript puros.

🚀 Funcionalidades

• Design Responsivo: Adaptável a diferentes tamanhos de tela (desktop, tablet e mobile)
• Seções Completas: Sobre, Habilidades, Projetos, Formação Acadêmica e Contato
• Integração com GitHub: Carrega automaticamente a imagem de perfil e pode ser expandido para carregar projetos
• Animações Suaves: Efeitos de entrada e transições para melhorar a experiência do usuário
• Estilo Moderno: Design limpo e profissional com gradientes e sombras sutis

🛠️ Tecnologias Utilizadas

• HTML5
• CSS3 (com variáveis CSS e flexbox/grid)
• JavaScript (vanilla)
• Font Awesome (para ícones)

📁 Estrutura do Projeto

/
├── index.html          # Estrutura principal do site
├── styles.css         # Estilos e responsividade
├── script.js          # Funcionalidades e interatividade
└── README.md          # Documentação do projeto

🔧 Como Personalizar

Informações Pessoais

Para personalizar as informações pessoais, edite o arquivo index.html nos seguintes locais:

1. Cabeçalho: Altere o nome, título e links de redes sociais
2. Seção Sobre: Atualize a descrição pessoal e informações de contato
3. Seção Formação: Adicione sua formação acadêmica atual e histórico educacional
4. Seção Contato: Atualize com suas informações de contato reais

Projetos

Os projetos podem ser personalizados de duas formas:

1. Diretamente no HTML: Edite o card de projeto existente no arquivo index.html
2. Via JavaScript: Modifique o array exampleProjects no arquivo script.js para adicionar ou remover projetos

Habilidades

Para atualizar suas habilidades técnicas, edite a seção #habilidades no arquivo index.html, adicionando ou removendo elementos com a classe .skill.

Estilo e Cores

O esquema de cores pode ser facilmente alterado editando as variáveis CSS no início do arquivo styles.css:

:root {
  --primary-color: #2563eb;
  --secondary-color: #1e40af;
  /* outras variáveis de cor */
}

📱 Responsividade

O portfólio foi desenvolvido seguindo o princípio de "mobile-first" e inclui media queries para garantir uma boa experiência em diferentes dispositivos:

• Desktop: Layout completo
• Tablet (max-width: 768px): Ajustes de tamanho e reorganização de elementos
• Mobile (max-width: 480px): Simplificação do layout para telas pequenas

🚀 Como Usar

1. Clone este repositório
2. Personalize os arquivos conforme suas necessidades
3. Hospede em qualquer serviço de hospedagem web (GitHub Pages, Netlify, Vercel, etc.)

📝 Próximos Passos

Algumas sugestões para melhorar ainda mais o portfólio:

1. Adicionar um menu de navegação fixo
2. Implementar um modo escuro/claro
3. Adicionar um formulário de contato funcional
4. Integrar com a API do GitHub para carregar projetos automaticamente
5. Adicionar mais animações e interatividade

---

Desenvolvido com ❤️ para Edison Travain