English for Devs | Dicionário Técnico

Base de conhecimento interativa para desmistificar a terminologia técnica em inglês.

Demonstração Online — Instalação — Tecnologias — Post no LinkedIn

"Não decore comandos. Entenda o significado literal por trás do código."

O English for Devs é uma ferramenta educacional desenvolvida para reduzir a barreira linguística na programação. O projeto conecta o significado literal de termos técnicos (ex: Fetch = "Ir buscar") à sua função lógica no código, tornando o aprendizado mais intuitivo para desenvolvedores brasileiros.

Este projeto foi submetido como parte da Imersão Dev com Google Gemini e Alura, focado no uso eficiente de tecnologias web fundamentais e Inteligência Artificial.

Muitos iniciantes enfrentam dificuldades pois os termos técnicos parecem abstratos. Esta aplicação resolve isso fornecendo três camadas de entendimento para cada termo:

1. Tradução Literal: A origem semântica da palavra no inglês cotidiano.
2. Explicação Técnica: A função prática no desenvolvimento de software.
3. Contextualização: Classificação gramatical e links para documentações oficiais (MDN, Git-scm, W3C).

A aplicação foi construída com foco em performance, acessibilidade e design de interface.

• Gamificação dos Flashcards: Modo de treino interativo com sistema de pontos, streaks (sequências de acertos), melhor streak salvo localmente, barra de progresso e feedback visual para acertos/erros. Inclui um "Nível 2" estético.
• Busca Inteligente: Algoritmo de filtragem em tempo real (pesquisa por termo, tradução ou conceito).
• Interface Reativa: Design fluido com efeito glassmorphism e transições suaves.
• Categorização Dinâmica: Organização por domínios (Infraestrutura, Front-end, Verbos, Dados).
• Gerenciamento de Tema: Alternância entre modo claro/escuro com persistência local (LocalStorage).
• Integração de Conteúdo: Seção de artigos técnicos consumindo dados externos.
• Base de Dados via IA: Estruturação inicial dos termos técnicos gerada com auxílio do Google Gemini.

O projeto respeita estritamente as diretrizes da Imersão, priorizando os fundamentos da web sem o uso de frameworks de alta complexidade.

Como este é um projeto estático focado em tecnologias nativas do navegador, não há necessidade de compilação complexa.

• Navegador moderno (Chrome, Firefox, Edge).
• Editor de código (VS Code recomendado).

1. Clone o repositório:

   git clone [https://github.com/TheRazorbill/Projeto-Alura.git](https://github.com/TheRazorbill/Projeto-Alura.git)

2. Acesse o diretório: Abra a pasta do projeto no seu editor de preferência.

3. Execute a aplicação:

   • Utilize a extensão Live Server (VS Code) no arquivo index.html.
   • Ou abra o arquivo index.html diretamente no seu navegador.

Nota: Os arquivos .js relacionados ao Node.js (package.json, gerador.js) são scripts de apoio para a geração de conteúdo via IA e não são necessários para a execução da interface web.

Desenvolvido por RazorBill (Github: TheRazorbill).

• Evento: Imersão Dev Alura + Google.
• Design: Inspirado em conceitos de Material Design.
• IA Generativa: Google Gemini 3.0.