Decodificador de Texto - Alura ONE

A aplicação foi desenvolvida para atuar como um encriptador/desencriptador de texto.
De modo simplificado, pode-se inserir uma mensagem e criptografá-la para copiar e compartilhar com alguém, assim como inserir uma mensagem criptografada e desencriptar para ler.

Outline

⭐ Requisitos
⭐ Visualizações
⭐ Tecnologias/Conteúdo aplicado
⭐ Referências

Requisitos

Deve funcionar apenas com letras minúsculas;
Não devem ser utilizados letras com acentos nem caracteres especiais;
Deve ser possível converter uma palavra para a versão criptografada e também retornar uma palavra criptografada para a versão original;
A página deve ter campos para inserção do texto a ser criptografado ou descriptografado, e a pessoa usuária deve poder escolher entre as duas opções;
O resultado deve ser exibido na tela.

Visualizações

Tecnologias e conteúdo aplicado na prática

Note

Alguns dos temas exercitados na prática deste projeto.

Tecnologia	Conteúdo
HTML5	Estrutura básica HTML5; Elementos Semânticos; Utilizar Classes e IDs em elementos; Padronização de nomeação de Classes; Input tipo `textarea`; Vincular arquivos CSS e JS externos
CSS3	Seletores universais, de tag, classes, id; Importar e utilizar fontes personalizadas; Criar e utilizar variáveis customizadas; Unidades de medidas px, %, rem; Display: flex; Responsividade com Medias Queries;
JavaScript	Criar e utilizar variáveis; Acessar/manipular elementos do documento HTML; Funções com e sem parâmetros e sem retorno; Monitorador de eventos de click (eventListener); Manipular inputs do usuário; Estruturas de decisão e de repetição; Adicionar/remover classes dinamicamente; Métodos lowerCase, includes, replaceAll; Matriz; Copiar para o clipboard com Web API: Clipboard API
Git	Inicializar repositório git; Adicionar arquivos para gravar histórico; Salvar no histórico com commits; Conectar com um repositório remoto; Enviar mudanças para repositório remoto; Verificar histórico de commits
GitHub	Criar um repositório público; Adicionar um repositório local ao repositório público; Criar README.md; Utilizar o GitHub Pages para públicar o site

Referências