Landing Page - Portfólio Front-end Jr

Projeto de portfólio pessoal desenvolvido em JavaScript puro para treinamento e aprimoramento de habilidades front-end.

🛠 Tecnologias

• HTML5 - Estrutura semântica
• CSS3 - Estilização moderna (Grid, Flexbox, Animations)
• JavaScript ES6+ - Funcionalidades interativas sem frameworks

🎯 Funcionalidades Implementadas

JavaScript

• Smooth scrolling para navegação interna
• Navbar responsiva com scroll detection
• Intersection Observer para animações de entrada
• Form validation e simulação de envio
• Typing effect no título principal
• Floating particles no header
• Hover effects dinâmicos nos cards

CSS

• Layout responsivo com CSS Grid e Flexbox
• Animações CSS customizadas (@keyframes)
• Gradientes lineares e efeitos visuais
• Backdrop-filter para glassmorphism
• Media queries para mobile-first

HTML

• Estrutura semântica com tags apropriadas
• Acessibilidade com labels e ARIA
• Meta tags para SEO básico

📁 Estrutura

├── index.html          # Estrutura principal
├── css/
│   └── styles.css      # Estilos organizados
└── js/
    └── script.js       # Lógica JavaScript

🚀 Como executar

# Clone o repositório
git clone https://github.com/RobertCastro86/meu-portfolio-javascript.git

# Abra o arquivo index.html no navegador
open index.html

📱 Responsividade

• Breakpoint mobile: 768px
• Grid adaptativo com auto-fit e minmax()
• Navegação mobile com layout vertical

🎨 Recursos de UX

• Transições suaves (0.3s ease)
• Feedback visual em hover states
• Loading states no formulário
• Animações de entrada escalonadas
• Easter egg no console para desenvolvedores

---

Objetivo: Treinar JavaScript vanilla, CSS moderno e boas práticas de front-end sem dependências externas.