Portfólio — Luísa Lopes

Portfólio pessoal desenvolvido para apresentar minha trajetória, experiências, habilidades e projetos. O site também inclui um jogo interativo em que é possível explorar o conteúdo de uma forma diferente.

Sobre o projeto

A página principal reúne as seguintes seções:

• Início: apresentação e navegação pelo portfólio.
• Sobre mim: formação e interesses profissionais.
• Projetos: trabalhos de front-end, back-end, IoT, redes e gestão de projetos.
• Experiência e habilidades: resumo da minha atuação e das tecnologias com que trabalho.
• Contato: formas de entrar em contato.

O jogo pode ser acessado em /game. Nele, o personagem percorre um cenário de plataforma com física, pontuação, efeitos sonoros e transições para o portfólio. Os controles podem ser usados pelo teclado ou pelos botões exibidos na tela.

Tecnologias

• React 19 e TypeScript
• Vite
• React Router
• Tailwind CSS
• Matter.js e React Game Engine, usados no jogo
• Heroicons

Como executar

Você precisa ter o Node.js e o npm instalados.

npm install
npm run dev

O Vite exibirá no terminal o endereço local para abrir no navegador.

Comandos disponíveis

npm run dev      # inicia o servidor de desenvolvimento
npm run build    # verifica os tipos e gera a versão de produção em dist/
npm run preview  # serve localmente a versão de produção
npm run lint     # verifica o código com ESLint

Publicação

O roteador está configurado com a base /Portfolio, adequada à publicação do site nesse caminho. Para publicar em outro domínio ou em outro caminho, ajuste o basename em src/App.tsx e a configuração de base do Vite, se necessário. A hospedagem também precisa direcionar as rotas da aplicação para index.html, incluindo o acesso direto à rota do jogo.

Estrutura do código

src/
├── components/          # seções e componentes do portfólio
├── layouts/             # navegação do site
└── pages/
    ├── Portifolio/      # página principal
    └── Game/            # jogo, entidades, física e telas