⚙️ Codificador e decodificador de texto desenvolvido em HTML, CSS e JS como atividade para o Módulo II do curso de formação WebDev Full Stack da Resilia.
🏛 Passinho do Romano - é um codificador e decodificador de textos que utiliza principalmente Javascript para interação com o usuário codificando e decodificando mensagens com os métodos de Cifra de César e Base64.
Projeto desenvolvido como atividade do Módulo II da formação de Desenvolvimento Web Full Stack da Resilia Educação. O projeto aborda os conceitos práticos estudados durante o módulo e as habilidades soft skills necessárias para a conclusão do projeto na squad.
-
O usuário pode codificar mensagens com os métodos:
- Base 64
- Cifra de César:
- Incremento
-
O usuário pode decodificar mensagens:
- Base 64
- Cifra de César, a partir do número do incremento da codificação
O layout da aplicação foi desenvolvido para web e dispositivos móveis.
O codificador contém duas caixas de texto, uma para entrada da mensagem e outra para a saída da mensagem. Entre as caixas de texto está o seletor de entrada da Cifra, onde o usuário pode escolher entre codificar ou decodificar a mensagem a partir do método desejado.
-
Base 64: Ao digitar o texto na caixa de Entrada da Mensagem, o usuário deve selecionar em Entrada da Cifra o método Base 64, mais a opção de Codificar ou Decodificar.
-
Cifra de César: Ao digitar o texto na caixa de Entrada da Mensagem, o usuário deve selecionar em Entrada da Cifra o método Cifra de César, digitir o valor do incremento (número de 1 a 25), mais a opção de Codificar ou Decodificar.
As seguintes ferramentas e utiliários foram usadas na construção do projeto:
- HTML: para estrutura do conteúdo da página.
- CSS: para a estilização da página.
- Javascript: para a interação com o usuário. O script conta com funções para interação do usuário com os seletores e as caixas de texto, assim como funções para codificar e decodificar nos métodos Base 64 e Cifra de César.
- Media Query: recurso do CSS3 utilizado para a responsividade da página para dispositivo móvel.
- Fontes: Roboto Slab.
Feito com 💛 por Camila Reis 👋🏽 Entre em contato!