Bem-vindo ao meu portfólio profissional, uma vitrine digital que representa minha jornada como desenvolvedor web.
- 💻 Design responsivo e moderno
- 🎨 Interface elegante e minimalista
- 📱 Totalmente adaptável a dispositivos móveis
- ⚡ Carregamento rápido e performance otimizada
- 🌈 Design consistente e acessível
- 🍔 Menu hambúrguer interativo
- 📧 Formulário de contato funcional com validação
- 🔍 Sistema de filtro de projetos por categorias
- Home: Apresentação pessoal
- Sobre: Detalhes sobre minha trajetória
- Habilidades: Tecnologias e níveis de proficiência
- Projetos: Destaques dos meus trabalhos
- Contato: Formulário interativo com validação
- Clone o repositório
git clone https://github.com/ismapereira/Portifolio-Ismael-Pereira.git- Abra o arquivo
index.htmlno seu navegador
- Versão inicial do portfólio
- Implementação das seções: Home, Sobre, Habilidades, Projetos, Contato
- Adição de design responsivo
- Integração com EmailJS para formulário de contato
- Adicionar animações de transição
- Melhorar otimização de performance
- Adicionar internacionalização
- Novo Recurso: Adicionado efeito de bolhas dinâmicas na seção inicial
- Bolhas flutuantes com gradientes suaves
- Cores em tons de verde e azul
- Animação orgânica e responsiva
- Opacidade e desfoque personalizados
- Otimização do background da página inicial
- Melhoria na experiência visual e interatividade
- Tecnologias: CSS Animation, JavaScript Dynamics
- Características:
- Tamanho das bolhas: 50-200px
- Opacidade: 0.3
- Cores: Gradientes em verde e azul
- Animação: Flutuação suave
- Geração dinâmica com JavaScript
- Animações de Entrada: Implementação de animações suaves para cada seção
- Efeitos de Scroll: Elementos aparecem gradualmente conforme o usuário rola a página
- Transições Fluidas: Movimentos naturais e orgânicos entre estados
- Efeito de Digitação: Animação de texto sendo digitado na seção inicial
- Parallax Sutil: Elementos se movem em velocidades diferentes durante a rolagem
- Cards de Projetos: Redesenhados com hover effects e informações mais claras
- Seção de Habilidades: Barras de progresso animadas e cards interativos
- Footer Redesenhado: Layout mais completo com informações de contato e links úteis
- Ícones Sociais: Botões maiores e mais interativos para melhor experiência do usuário
- Efeito de Partículas: Adicionado ao footer para criar uma experiência visual envolvente
- Menu Móvel Otimizado: Reconstrução completa do menu para dispositivos móveis
- Navegação Intuitiva: Menu hambúrguer com animação suave e links facilmente acessíveis
- Adaptação Dinâmica: Layout se ajusta perfeitamente a qualquer tamanho de tela
- Ícones Sociais no Menu Móvel: Acesso rápido a redes sociais em dispositivos móveis
- Experiência Consistente: Mesma qualidade visual em desktop e dispositivos móveis
- Carregamento Otimizado: Recursos carregados de forma eficiente
- Animações Eficientes: Uso de GSAP para animações de alta performance
- Código Refatorado: JavaScript e CSS limpos e bem organizados
- Transições Suaves: Animações otimizadas para não sobrecarregar o navegador
- Compatibilidade: Testado em múltiplos navegadores e dispositivos
- Validação em Tempo Real: Feedback imediato durante o preenchimento
- Mensagens de Erro Claras: Instruções precisas para correção de dados
- Integração EmailJS: Sistema confiável para envio de mensagens
- Feedback Visual: Confirmação de envio com animações suaves
- Campos Formatados: Máscaras para telefone e validação de email
- ScrollTrigger: Animações baseadas na posição de rolagem
- TextPlugin: Efeitos de digitação e manipulação de texto
- Timeline: Sequências complexas de animação sincronizadas
- Easing Functions: Movimentos naturais e orgânicos
- Geração Dinâmica: Partículas criadas via JavaScript
- Animação CSS: Movimento fluido e eficiente
- Posicionamento Aleatório: Distribuição natural dos elementos
- Responsividade: Ajuste automático baseado no tamanho da tela
- Estrutura HTML Otimizada: Organização clara dos elementos
- Animações Suaves: Transições entre estados aberto/fechado
- Controle de Estado: Lógica robusta para gerenciar interações
- Acessibilidade: Suporte a navegação por teclado (tecla ESC)
- Links Sociais: Integração com redes sociais diretamente no menu
- Adicionar modo escuro
- Implementar animações de scroll
- Criar seção de certificações
-
Faça um Fork do Repositório
- Clique no botão "Fork" no topo da página do GitHub
-
Clone o Repositório
git clone https://github.seu-usuario/Portifolio-Ismael-Pereira.git cd Portifolio-Ismael-Pereira -
Crie uma Branch para sua Contribuição
git checkout -b feature/sua-feature
- Siga o estilo de código existente
- Adicione comentários explicativos quando necessário
- Teste completamente suas alterações antes de enviar um Pull Request
- Mantenha as alterações concisas e focadas
- Use a seção de Issues do GitHub
- Descreva detalhadamente o problema
- Inclua passos para reproduzir
- Mencione sua versão de navegador e sistema operacional
- Faça suas alterações
- Commit com mensagens claras
- Envie seu Pull Request
- Aguarde revisão
Nota: Todas as contribuições são bem-vindas! 🌟
- Altere informações pessoais em
index.html - Modifique estilos em
assets/css/styles.css - Ajuste comportamentos em
assets/js/main.js
Contribuições, problemas e solicitações de recursos são bem-vindos! Sinta-se à vontade para verificar página de issues.
O portfólio é totalmente responsivo, com suporte para:
- Desktops
- Tablets
- Smartphones
Recursos do formulário:
- Validação em tempo real
- Formatação automática de telefone
- Envio via EmailJS
- Feedback visual com SweetAlert2
- Nome: Mínimo de 2 caracteres
- Email: Formato válido
- Telefone: 10-11 dígitos
- Mensagem: Mínimo de 10 caracteres
- Paleta de cores moderna
- Tema verde-azulado
- Transições e animações suaves
- Acessibilidade considerada
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.
🌟 Feito com ❤️ por Ismael Pereira