Este repositório contém o código-fonte do meu portfólio pessoal. É uma aplicação web de página única (Single Page) desenhada com uma estética high-tech e minimalista, focada em apresentar as minhas competências e experiência como desenvolvedor.
A interface foi construída para ser rápida, responsiva e visualmente impactante, utilizando técnicas modernas de design como glassmorphism e uma paleta de cores dark mode.
O projeto foi desenvolvido utilizando as seguintes tecnologias:
- HTML5 & CSS3: Estrutura semântica e estilização de base.
- Tailwind CSS 4: Framework utilitário para um design moderno e totalmente responsivo.
- JavaScript (ES6+): Lógica para interatividade, gestão do menu mobile e controlo de modais.
- Devicon: Biblioteca de ícones para representação visual das competências técnicas.
- Google Fonts: Tipografia focada na legibilidade e hierarquia de informação.
- Design Responsivo: Experiência otimizada para dispositivos móveis, tablets e desktops.
- Navbar Interativa: Menu fixo com efeito de desfoque (backdrop-blur) e navegação de scroll suave.
- Sistema de Modais: Visualização detalhada de projetos através de modais dinâmicos controlados via JavaScript.
- Menu Mobile: Navegação lateral intuitiva para ecrãs pequenos com animações de transição.
- Estética Moderna: Uso estratégico de sombras, bordas translúcidas e cores sóbrias para um visual profissional.
/
├── assets/ # Imagens de perfil e recursos visuais
├── scripts/
│ └── script.js # Lógica de interação e manipulação do DOM
├── style.css # Configurações de estilos globais
└── index.html # Estrutura principal da aplicação
git clone https://github.com/nicolasgerbes/web-site-portfolio.git
cd web-site-portfolio
Para explorar o projeto localmente, escolha uma das opções abaixo:
-
Visualização Rápida (Standard) Basta abrir o ficheiro index.html diretamente em qualquer navegador moderno (Chrome, Firefox, Edge ou Safari).
-
Ambiente de Desenvolvimento (Recomendado) Para tirar partido do carregamento em tempo real (Hot Reload), utilize a extensão Live Server no VS Code:
-
Abra a pasta do projeto no VS Code.
-
Clique no botão Go Live na barra de status (canto inferior direito).
Acredito que o aprendizado no desenvolvimento de software nunca estagna. Por isso, este repositório está em constante atualização. Novos projetos, refatorações de código e implementações de tecnologias emergentes são integrados regularmente para garantir que este espaço reflita sempre o meu estado atual de competência técnica e criatividade.
Este portfólio é mais do que apenas uma vitrine de projetos; é um reflexo da minha jornada e evolução como desenvolvedor. Ele foi projetado para ser uma plataforma sólida, escalável e que demonstra minha atenção aos detalhes e ao design focado na experiência do usuário.
