← Voltar aos trabalhos
Projeto Pessoal • Interface Experimental2024–2026

Terminal Interativo de Desenvolvedor

“Uma experiência de portfólio baseada numa interface de terminal interativa no browser.”

FunçãoDesign de Interface & Desenvolvimento Frontend
Ano2024–2026
Tecnologias
HTML5CSS3JavaScriptCLI EmulationThemes Enginei18n

Visão Geral

Este projeto nasceu da vontade de criar uma forma verdadeiramente distintiva e interativa de apresentar informação no browser, emulando um terminal UNIX retro-moderno com navegação puramente orientada a comandos.

O Desafio

Construir um interpretador de comandos completo em JavaScript sem frameworks externas, mantendo histórico de comandos no teclado (setas cima/baixo), autocompletar com Tab, sistema virtual de ficheiros (`cat`, `ls`, `cd`), múltiplos temas de cor e alternância instantânea entre Português e Inglês.

Abordagem & Arquitetura

A arquitetura foi dividida em módulos desacoplados: analisador de comandos (parser), motor de temas CSS via variáveis customizadas, dicionário de i18n para suporte bilíngue e renderizador de animações de texto com cadência tipográfica realista.

Funcionalidades Principais

  • Interpretador de comandos estilo shell (`help`, `cat`, `ls`, `theme`, `clear`, `whoami`)
  • Suporte a atalhos de teclado (Tab para autocompletar, setas para histórico)
  • Sistema de 7 temas de cor dinâmicos (Cyan, Hacker Green, Sunset, Purple, Gold, Pink, Red)
  • Alternância fluida entre Português e Inglês com preservação de estado
  • Easter eggs integrados (`matrix`, `neofetch`, `cowsay`, `sudo`)

Notas Técnicas & Ética

Construído de raiz em Vanilla HTML, CSS e JavaScript para garantir zero dependências externas e tempo de carregamento inferior a 200ms em qualquer dispositivo.