HTML5
Estrutura semântica de todas as páginas, escrita à mão, sem geradores automáticos.
Como este Portfolio foi construído
Uma vista geral, para quem for curioso: as tecnologias que usei, como o site está organizado, e que boas práticas segui ao construí-lo de raiz.
As tecnologias
CSS3
O visual dark, roxo neon e glassmorphism, construído sem frameworks de CSS.
JavaScript
Toda a interatividade — animações, traduções, formulários — em JavaScript puro (ES6).
PHP
O motor por trás do site: entrega o conteúdo às páginas e alimenta a área privada onde giro tudo.
MySQL
Guarda todo o conteúdo editável: perfil, competências, projetos e mensagens de contacto.
A estrutura do site
O portfolio tem quatro páginas públicas, todas traduzidas em Português, Inglês e Francês:
- Home — apresentação, estatísticas e as tecnologias que utilizo.
- Habilidades — as minhas competências técnicas e pessoais.
- Projetos — uma seleção de projetos, com filtros por categoria.
- Contactos — as várias formas de falar comigo, e um formulário de mensagem.
Como funciona por trás
Todo o conteúdo que vês (textos, projetos, competências) é gerido por mim numa área de administração privada, separada do site público. As páginas pedem esse conteúdo ao servidor através de pequenos pedidos (chamados de "APIs"), que devolvem já os dados no idioma escolhido — é por isso que trocar de língua no menu atualiza tudo na hora, sem recarregar a página.
Boas práticas que segui
- Código escrito à mão, sem frameworks — para provar que domino os fundamentos.
- Site totalmente traduzido em Português, Inglês e Francês.
- Tema claro e escuro, com preferência guardada para a próxima visita.
- Acessibilidade: textos alternativos em imagens, navegação por teclado, bom contraste.
- Totalmente responsivo — pensado para telemóvel, tablet e ecrãs grandes por igual.
- Área de administração própria, protegida por login, para gerir todo o conteúdo sem tocar em código.
Qualidade medida, não prometida
Em vez de dizer que o site é rápido e acessível, meço com o Lighthouse — a ferramenta de auditoria do Google — e mostro os números reais.
Gostaste do que viste?
Vamos construir algo incrível juntos.
