Skip to content

luispeixotoUA/MiniProj1

Repository files navigation

Portfólio de Luís Peixoto

🚀 Métricas de Desempenho

Informações fornecidas por extensão Lighthouse da Google

Métrica Pontuação Detalhes
Desempenho 100 Otimização de imagens, lazy loading, animações eficientes
Acessibilidade 100 ARIA labels, semântica HTML, navegação por teclado
Boas Práticas 100 Código limpo, padrões modernos, segurança
SEO 100 Meta tags, estrutura semântica, mobile-friendly

Perfomance Lighthouse


🎨 Design e Wireframes

O design do projeto foi cuidadosamente planejado usando Figma, com foco em uma experiência do utilizador intuitiva e moderna, tanto para desktop como para smarthpone

Wireframes

Wireframe da página inicial Wireframe da seção sobre Wireframe da seção de habilidades Wireframe da seção de experiência Wireframe da seção de hobbies

Links do Projeto

🛠 Tecnologias Utilizadas

  • Frontend: Vue 3, Tailwind CSS
  • Build Tool: Vite
  • Ícones: Font Awesome
  • Animações: CSS personalizado
  • Modo Escuro: Implementação nativa

✨ Funcionalidades Principais

Componentes Interativos

  • Cards com efeito 3D
  • Animações suaves de entrada
  • Transições responsivas
  • Modo escuro/claro persistente

Design Responsivo

  • Abordagem mobile-first
  • Tipografia fluída
  • Layouts adaptativos
  • Interações otimizadas para toque

Instalação

Pré-requisitos

  • Node.js (v14+)
  • npm ou yarn

Clone do repositório

git clone https://github.com/luispeixotoUA/MiniProj1

Entrar na pasta cd portfolio, instalar as dependências npm install, iniciar servidor de desenvolvimento npm run dev, compilar para produção npm run build.




Feito por Luís Peixoto
"Se encontrarem um bug, não é bug, é feature 😉"