How kwuraa/portifolio-v2 works
Portfólio pessoal em React que apresenta perfil, competências, serviços, formação, experiência e projetos num layout inspirado em terminais, com variantes desktop/mobile. O fluxo principal vai da inicialização e tela de boot à navegação pelas seções; a área de projetos busca repositórios públicos no GitHub e usa dados de fallback em caso de falha. A arquitetura abaixo segue o README e os trechos disponíveis; ligações de componentes não amostrados são incluídas apenas quando documentadas, e não se detalham integrações cuja ligação no código não foi verificada.
Main entry points: App.jsx App · Projects.jsx Galeria de projetos · useTypewriter.jsx Efeito de digitação · ExperienceTerminalContent.jsx Experiência
Components 22
Aplicação
- App
src/App.jsx - Tela de boot
src/pages/BootLoader.jsx
Conteúdo terminal
- Janelas terminal
src/components/Terminal.jsx - Apresentação
src/components/TerminalContents/WelcomeTerminalContent.jsx - Stack tecnológica
src/components/TerminalContents/AboutTerminalContent.jsx - Serviços
src/components/TerminalContents/ServicesTerminalContent.jsx - Formação
src/components/TerminalContents/EducationTerminalContent.jsx - Experiência
src/components/TerminalContents/ExperienceTerminalContent.jsx - Dados biográficos
src/data/aboutData.js - Terminal mobile
src/pages/MobileTerminal.jsx - Sobre mobile
src/pages/MobileAbout.jsx - Efeito de digitação
src/hooks/useTypewriter.jsx
Perfil e navegação
- Navegação
src/pages/Navbar.jsx - Perfil e contato
src/pages/Profile.jsx - Currículo PDF
public/Matheus_Kawamura_CV.pdf - Rodapé
src/pages/Footer.jsx
Projetos
- Galeria de projetos
src/pages/Projects.jsx
Other components
- Visitante
- API do GitHub
- Preview de sites
- Analytics Vercel
- Speed Insights
Connections 31
- Visitante → App: abre aplicação
- App → Tela de boot: exibe no início
- Tela de boot → App: sinaliza conclusão
- App → Navegação: renderiza
- App → Janelas terminal: renderiza desktop
- App → Terminal mobile: renderiza mobile
- App → Sobre mobile: renderiza mobile
- App → Perfil e contato: renderiza desktop
- App → Galeria de projetos: renderiza
- App → Rodapé: renderiza
- App → Apresentação: insere conteúdo
- App → Stack tecnológica: insere conteúdo
- App → Serviços: insere conteúdo
- App → Formação: insere conteúdo
- App → Experiência: insere conteúdo
- Janelas terminal → Efeito de digitação: usa animação
- Apresentação → Efeito de digitação: anima texto
- Serviços → Efeito de digitação: anima texto
- Experiência → Efeito de digitação: anima texto
- Experiência → Dados biográficos: lê experiência
- Formação → Dados biográficos: lê formação
- Visitante → Navegação: navega seções
- Navegação → Currículo PDF: oferece download
- Perfil e contato → Currículo PDF: oferece download
- Visitante → Perfil e contato: acessa contato
- Galeria de projetos → API do GitHub: busca repositórios
- API do GitHub → Galeria de projetos: retorna repositórios
- Galeria de projetos → Preview de sites: solicita screenshots
- Visitante → Galeria de projetos: consulta projetos
- App → Analytics Vercel: monta integração
- App → Speed Insights: monta integração