💾 Retro Desktop Portfolio — Assistente de instalação

template de portfólio · versão 1.0.0 · por yasmndev

Seu portfólio com cara de computador dos anos 2000

Área de trabalho, janelas, menu iniciar e um perfil no estilo das primeiras redes sociais. O visitante explora o seu trabalho clicando em ícones, e não rolando mais uma página igual a todas as outras.

Você edita um arquivo, troca as imagens e publica.

Quero o meu Ver o que vem dentro
  • ✔ pagamento único
  • ✔ 7 dias pra desistir
  • ✔ 90 dias de suporte
Tela do template: área de trabalho retrô com uma janela de perfil aberta, ícones à esquerda e barra de tarefas com botão iniciar
O template como você recebe, no tema classic, com textos de marcação prontos pra trocar.
✅ Pronto para instalar🌐 Internet
🖥️ Meu Computador — Recursos

Retrô por fora, atual por dentro

A estética é de 2003. O código não é: responsivo, rápido, navegável pelo teclado.

  • Desktop que funciona

    Janela com minimizar, maximizar e fechar, barra de tarefas com relógio e menu iniciar.

  • Perfil estilo rede social

    Aquele perfil das primeiras redes, com abas de resumo, trajetória e pessoal.

  • 5 janelas prontas

    Sobre, Projetos, Habilidades, Internet (links) e Contato. Desliga qualquer uma com uma linha.

  • Tudo em um lugar

    Seu conteúdo fica em arquivos de configuração comentados. Não precisa abrir os componentes.

  • 3 temas + o seu

    Cores, wallpaper, fonte e estilo dos botões. Um tema novo nasce mudando 5 cores.

  • PT e EN

    Dois idiomas com botão de troca na bandeja. Ou um só, se preferir.

  • Responsivo

    Desktop, notebook, tablet e celular. No celular os ícones sobem e os botões crescem.

  • Acessível

    Navegação por teclado, foco visível, textos alternativos e respeito a “reduzir movimento”.

  • Leve

    O site final é HTML, CSS e JS estáticos: cerca de 20 KB comprimidos, sem contar as imagens.

Extras opcionais: letreiro, contador de visitas, recados e enquete. Liga e desliga na configuração.

🎨 Propriedades de Vídeo — Temas

Escolha um tema. Pode testar aqui mesmo.

Clica num monitor e esta página inteira troca de roupa. No template é uma linha no arquivo de tema.

Tema atual: bubblegum

📄 portfolio.ts — Bloco de notas

Três passos até o ar

  1. Preencha seus dadosAbra src/config/portfolio.ts e troque os textos entre aspas: nome, bio, projetos, habilidades, redes.
  2. Troque as imagensSua foto, as capas dos projetos e, se quiser, o wallpaper. É salvar na pasta e apontar o caminho.
  3. PubliqueRode npm run build e suba na Vercel, na Netlify ou em qualquer hospedagem estática.

Vem com guia de primeiros passos, personalização, deploy, FAQ e solução de problemas. Tudo em português.

// src/config/portfolio.ts
profile: {
  name: 'Seu Nome',       // ← troque o texto entre aspas
  username: 'seunome',
  role: 'Seu Cargo',
  avatar: 'images/avatars/minha-foto.jpg',
},

// src/config/theme.ts
export const theme = themes.bubblegum;

// src/config/desktop.ts: esconder uma janela
skills: { enabled: false },
📦 Adicionar ou remover programas

O que vem no ZIP (e o que não vem)

Melhor saber antes de comprar do que descobrir depois.

Está incluso

  • Código-fonte completo do template
  • 5 janelas: Sobre, Projetos, Habilidades, Internet e Contato
  • 3 temas e 3 wallpapers originais
  • Ícones do sistema, avatar e ilustrações de exemplo
  • Textos de marcação em todas as seções, em PT e EN
  • Documentação completa em português
  • Licença de uso individual

Não está incluso

  • Hospedagem e domínio
  • Suas fotos, textos e imagens de projetos
  • Formulário com envio pelo servidor (o contato é por e-mail ou WhatsApp)
  • Contador de visitas e enquete reais (os dois são decorativos)
  • Blog ou CMS
  • Personalização sob medida
  • Licença para projetos de clientes

Requisitos do sistema

Nível
Básico. Instalar o Node.js, rodar três comandos no terminal e editar texto com atenção a aspas e vírgulas.
Não precisa
Saber TypeScript, React ou CSS.
Na máquina
Node.js 20.19 ou superior e um editor de código (sugestão: VS Code).
Feito com
Vite, TypeScript, HTML e CSS puros.
Instalar Retro Desktop Portfolio

Deseja instalar um portfólio que as pessoas lembram?

Você recebe o ZIP com o código completo, os 3 temas e a documentação. Edita, publica e pronto: é seu.

Sim, quero o meu
  • Pode: usar no seu portfólio, modificar, publicar e usar comercialmente como seu portfólio.
  • Não pode: revender, redistribuir ou publicar o código em repositório público.
  • Arrependimento: 7 dias corridos após receber, com devolução integral (CDC, art. 49).
  • Suporte: 90 dias para dúvidas de instalação e uso, em contato@yasmndev.com.br.
❓ Ajuda e suporte

Perguntas frequentes

Preciso saber programar?

Precisa do básico: instalar o Node.js, rodar comandos no terminal e editar arquivos de texto com cuidado (aspas, vírgulas e chaves). Não precisa saber TypeScript nem entender os componentes. Todo o conteúdo fica em uma pasta, com exemplos preenchidos pra você substituir.

Posso editar com IA (ChatGPT, Claude, Cursor, Copilot)?

Pode, e é o jeito mais rápido. Como todo o seu conteúdo fica em poucos arquivos de configuração, a IA tem pouco onde errar.

  1. Com um assistente de código (Claude Code, Cursor, Copilot): abra a pasta do template nele e peça o que quer mudar.
  2. Com um chat (ChatGPT, Claude): copie o conteúdo de src/config/portfolio.ts, cole na conversa junto com seu currículo ou LinkedIn e peça o arquivo preenchido. Depois cole a resposta de volta no arquivo.
  3. Diga onde ela pode mexer: só na pasta src/config/. Componentes, páginas e estilos não precisam ser tocados.
  4. Confira o resultado com npm run dev aberto. Se a página ficar em branco, cole o erro do terminal de volta para a IA.

Um pedido que funciona bem:

Este é um template de portfólio. Preencha src/config/portfolio.ts com os meus dados abaixo. Edite apenas arquivos dentro de src/config/, mantenha a estrutura e os nomes dos campos, e troque só os textos entre aspas. Meus dados: [cole aqui seu currículo, projetos e redes]

Para cores, peça um tema novo em src/config/theme.ts descrevendo a paleta que você quer: são cinco cores.

Funciona no celular?

Sim. No celular os ícones ficam no topo, a janela ocupa a tela e os botões ficam maiores para o toque. O layout foi testado em celular, tablet, notebook e desktop.

Posso mudar as cores e o wallpaper?

Sim. São três temas prontos e você cria o seu mudando cinco cores. O wallpaper é uma imagem sua na pasta certa, e dá pra ter um diferente no celular.

Onde eu publico? Tem custo?

Em qualquer hospedagem de site estático. A documentação traz o passo a passo para Vercel e Netlify, que têm plano gratuito e aceitam domínio próprio. O domínio é pago à parte, se você quiser um.

Posso usar em projetos de clientes?

A licença padrão cobre o seu próprio portfólio. Para clientes é preciso uma licença específica: fala comigo pelo canal de suporte.

Preciso manter o crédito no site?

Não. Existe um crédito discreto no rodapé de uma das janelas, e você desliga com uma linha na configuração.

O contador de visitas e a enquete funcionam de verdade?

Não, os dois são decorativos: fazem parte da estética e vêm desligados por padrão.

Posso desistir da compra?

Sim. Em até 7 dias corridos depois de receber o template, com devolução integral, conforme o Código de Defesa do Consumidor. Peça o reembolso pela própria Hotmart ou escreva para contato@yasmndev.com.br.