🚀 Riku Sato - Portfolio Profissional

Portfolio profissional moderno e responsivo desenvolvido com HTML5, CSS3 e JavaScript puro.

📋 Sobre o Projeto

Este é meu portfolio pessoal onde compartilho meus projetos, habilidades e experiências como Desenvolvedor Web Full Stack. Sou Riku Sato, apaixonado por criar soluções web inovadoras. O site foi desenvolvido com foco em performance, acessibilidade e experiência do usuário.

✨ Características Principais

• 🎨 Design Moderno - Interface limpa e profissional
• 📱 Totalmente Responsivo - Funciona perfeitamente em todos os dispositivos
• ⚡ Alta Performance - Otimizado para carregamento rápido
• 🎭 Animações Suaves - Experiência interativa e envolvente
• ♿ Acessível - Segue as melhores práticas de acessibilidade web
• 🎯 SEO Otimizado - Meta tags e estrutura semântica adequada
• 🌙 Suporte a Dark Mode - Adaptação automática ao tema do sistema

🛠️ Tecnologias Utilizadas

• HTML5 - Estrutura semântica
• CSS3 - Estilização avançada com Flexbox e Grid
• JavaScript (ES6+) - Interatividade e funcionalidades
• Google Fonts - Tipografia (Poppins)
• Font Awesome - Ícones (opcional)

📂 Estrutura do Projeto

RikuSato-Portfolio/
│
├── index.html              # Página principal
├── about.html              # Página sobre
├── projects.html           # Página de projetos
├── contact.html            # Página de contato
│
├── css/
│   ├── style.css          # Estilos principais
│   └── responsive.css     # Estilos responsivos
│
├── js/
│   ├── main.js            # JavaScript principal
│   ├── animations.js      # Animações avançadas
│   ├── projects-filter.js # Filtro de projetos
│   └── contact-form.js    # Validação do formulário
│
├── assets/
│   ├── images/            # Imagens do site
│   │   ├── profile.jpg
│   │   ├── Jax.jpeg
│   │   ├── project1.jpg
│   │   ├── project2.jpg
│   │   ├── project3.jpg
│   │   ├── project4.jpg
│   │   └── project5.jpg
│   │
│   └── cv/                # Currículo para download
│       └── Riku_Sato_CV.pdf
│
├── .gitignore             # Arquivos ignorados pelo Git
└── README.md              # Este arquivo

🚀 Como Usar

Visualização Local

1. Clone o repositório

   git clone https://github.com/RikuSato0/MaykonJaxson.github.io.git

2. Navegue até o diretório

   cd MaykonJaxson.github.io

3. Abra o arquivo index.html no navegador

   • Simplesmente clique duas vezes no arquivo
   • Ou use a extensão Live Server no VS Code

Servidor Local (Opcional)

Se você tiver Python instalado:

# Python 3
python -m http.server 8000

# Python 2
python -m SimpleHTTPServer 8000

Depois acesse: http://localhost:8000

🎨 Personalização

Cores

As cores principais podem ser alteradas no arquivo css/style.css:

:root {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --accent-color: #ec4899;
    /* ... outras variáveis */
}

Conteúdo

Edite os arquivos HTML para personalizar:

• Informações pessoais
• Projetos
• Habilidades
• Experiências
• Links de redes sociais

📱 Compatibilidade

O site é compatível com:

• ✅ Chrome (últimas 2 versões)
• ✅ Firefox (últimas 2 versões)
• ✅ Safari (últimas 2 versões)
• ✅ Edge (últimas 2 versões)
• ✅ Dispositivos móveis (iOS e Android)

🔧 Funcionalidades

Página Inicial

• Hero section com animação
• Seção sobre
• Projetos em destaque
• Habilidades técnicas
• Footer com links

Página Sobre

• História profissional
• Educação e certificações
• Experiência profissional
• Informações de contato
• Download de currículo

Página de Projetos

• Filtro por categoria
• Detalhes completos dos projetos
• Links para demonstração e código
• Tags de tecnologias

Página de Contato

• Formulário validado
• Informações de contato
• Links para redes sociais
• Mapa de localização

📈 Performance

• ⚡ Lighthouse Score: 90+
• 🎯 First Contentful Paint: < 1.5s
• 🚀 Time to Interactive: < 3.0s
• 📦 Total Bundle Size: < 500KB

🤝 Contribuindo

Contribuições são bem-vindas! Sinta-se à vontade para:

1. Fazer um Fork do projeto
2. Criar uma Branch para sua Feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a Branch (git push origin feature/AmazingFeature)
5. Abrir um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📧 Contato

Riku Sato

• 🌐 Website: rikusato0.github.io
• 📧 Email: contato@rikusato.com
• 💼 LinkedIn: linkedin.com/in/rikusato
• 🐱 GitHub: @RikuSato0

🙏 Agradecimentos

• Google Fonts - Tipografia
• Font Awesome - Ícones
• Unsplash - Imagens de alta qualidade
• Comunidade de desenvolvedores web

---

⭐ Se você gostou deste projeto, não esqueça de dar uma estrela! ⭐

Feito com ❤️ por Riku Sato