How joaoptoaldo/meu-portfolio works
Este é um portfólio pessoal apresentado como uma IDE interativa: a pessoa navega pelo Explorer ou por ferramentas de busca/atalho, abre arquivos simulados e consulta seções sobre perfil, habilidades, projetos, experiência, formação e contato. A aplicação também oferece terminal simulado, histórico de commits, personalização, estado persistido e navegação móvel. As relações abaixo se limitam aos imports, chamadas e capacidades explicitamente descritos nos trechos e no README; subsistemas não amostrados aparecem com caminhos respaldados pela árvore, sem conexões presumidas.
Main entry points: Workspace.jsx Workspace IDE · searchIndex.js Índice de busca · useGlobalShortcuts.js Atalhos globais · useWorkspace.js Hook de workspace
Components 27
Workspace e estado
- Aplicação raiz
src/App.jsx - Workspace IDE
src/components/layout/Workspace.jsx - Estado do workspace
src/context/WorkspaceProvider.jsx - Contexto
src/context/WorkspaceContext.js - Hook de workspace
src/hooks/useWorkspace.js
Navegação IDE
- Editor e abas
src/components/editor/Editor.jsx - Explorer
src/components/layout/Explorer.jsx - Busca global
src/components/layout/SearchView.jsx - Navegação móvel
src/components/layout/MobileNav.jsx
Conteúdo do portfólio
- Índice de busca
src/data/searchIndex.js - Seções de conteúdo
src/components/sections - Perfil e apresentação
src/data/profile.js - Projetos
src/data/projects.js - Habilidades
src/data/skills.js - Experiência
src/data/experience.js - Formação
src/data/education.js - Contato
src/data/contact.js
Ferramentas e preferências
- Terminal simulado
src/components/layout/Terminal.jsx - Histórico de commits
src/components/layout/ScmView.jsx - Atalhos globais
src/hooks/useGlobalShortcuts.js - Paleta e overlays
src/components/editor/CommandPalette.jsx - Busca no arquivo
src/components/editor/SearchInFile.jsx - Quick Open
src/components/editor/QuickOpen.jsx - Go to Symbol
src/components/editor/GoToSymbol.jsx - Configurações
src/components/layout/SettingsOverlay.jsx
Persistência e UI
- Persistência local
src/utils/persist.js
Other components
- Visitante
Connections 37
- Visitante → Aplicação raiz: acessa
README.md - Aplicação raiz → Estado do workspace: envolve
src/App.jsx - Aplicação raiz → Workspace IDE: monta
src/App.jsx - Estado do workspace → Contexto: usa
src/context/WorkspaceProvider.jsx - Estado do workspace → Persistência local: persiste estado
src/context/WorkspaceProvider.jsx - Workspace IDE → Hook de workspace: consulta estado
src/components/layout/Workspace.jsx - Hook de workspace → Contexto: lê contexto
src/hooks/useWorkspace.js - Workspace IDE → Editor e abas: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Explorer: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Atalhos globais: registra atalhos
src/components/layout/Workspace.jsx - Workspace IDE → Paleta e overlays: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Quick Open: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Go to Symbol: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Busca no arquivo: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Configurações: renderiza
src/components/layout/Workspace.jsx - Workspace IDE → Terminal simulado: renderiza painel
README.md - Workspace IDE → Histórico de commits: renderiza view
README.md - Workspace IDE → Navegação móvel: adapta navegação
README.md - Busca global → Índice de busca: consulta
src/components/layout/SearchView.jsx - Busca global → Hook de workspace: abre resultado
src/components/layout/SearchView.jsx - Índice de busca → Perfil e apresentação: indexa conteúdo
src/data/searchIndex.js - Índice de busca → Projetos: indexa conteúdo
src/data/searchIndex.js - Índice de busca → Habilidades: indexa conteúdo
src/data/searchIndex.js - Índice de busca → Experiência: indexa conteúdo
src/data/searchIndex.js - Índice de busca → Formação: indexa conteúdo
src/data/searchIndex.js - Índice de busca → Contato: indexa conteúdo
src/data/searchIndex.js - Editor e abas → Seções de conteúdo: apresenta seção
README.md - Seções de conteúdo → Projetos: apresenta projetos
src/components/sections/Projects.jsx - Seções de conteúdo → Habilidades: apresenta habilidades
src/components/sections/Skills.jsx - Seções de conteúdo → Perfil e apresentação: apresenta perfil
src/components/sections/Welcome.jsx - Terminal simulado → Perfil e apresentação: usa dados
src/components/layout/Terminal.jsx - Terminal simulado → Hook de workspace: consulta estado
src/components/layout/Terminal.jsx - Atalhos globais → Hook de workspace: aciona ações
src/hooks/useGlobalShortcuts.js - Atalhos globais → Busca no arquivo: abre busca
src/hooks/useGlobalShortcuts.js - Atalhos globais → Quick Open: abre modal
src/hooks/useGlobalShortcuts.js - Atalhos globais → Go to Symbol: abre navegação
src/hooks/useGlobalShortcuts.js - Atalhos globais → Paleta e overlays: aciona paleta
src/hooks/useGlobalShortcuts.js