🔐 M3ns4agem S3cret4 (Cifra de César)

---

📑 Índice

1. Prefácio
2. Sobre o produto
3. Como usar
4. Protótipo do projeto
   • Primeiro protótipo (papel)
   • Segundo protótipo (papel)
5. Resultado
   • Testes
6. Tecnologias utilizadas
7. Sobre a autora

---

1. Prefácio

Cifrar significa codificar. A Cifra de César é um dos métodos de criptografia mais antigos conhecidos na história.

O imperador romano Júlio César utilizava essa técnica para enviar mensagens secretas aos seus generais no campo de batalha.

A cifra de César é um tipo de cifra por substituição, onde cada letra do texto original é substituída por outra que se encontra um número fixo de posições (offset) à frente no alfabeto.

Exemplo (offset = 3)

• Alfabeto original:
  A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
• Alfabeto cifrado:
  D E F G H I J K L M N O P Q R S T U V W X Y Z A B C
• A letra A torna-se D
• A palavra CASA torna-se FDVD

Atualmente, esse tipo de cifra é considerado simples e facilmente decifrável, mas ainda é utilizada como base para métodos mais complexos, como a Cifra de Vigenère e o sistema ROT13.

---

2. Sobre o produto

🔗 Acesse pelo GitHub Pages:
https://juliabb.github.io/SAP007-cipher/

Mensagem Secreta é uma aplicação que permite enviar mensagens cifradas para amigos, familiares ou parceiros utilizando qualquer mensageiro eletrônico (WhatsApp, Facebook, e-mail, entre outros).

A proposta é proteger informações importantes ou conversas sensíveis, garantindo que apenas a pessoa correta consiga decifrar a mensagem.

O usuário pode cifrar e decifrar textos informando a chave de deslocamento (offset).

---

3. Como usar

1. Digite sua mensagem no campo Texto
2. Selecione o número de deslocamento (1 a 25)
3. Clique em:
   • Cifrar para criptografar a mensagem
   • Decifrar para descriptografar
4. O resultado será exibido no campo Resultado

⚠️ Para decifrar corretamente, o deslocamento deve ser o mesmo usado na cifra.

---

4. Protótipo do projeto

A interface foi pensada para permitir ao usuário:

• Escolher o offset (deslocamento)
• Inserir um texto para cifrar ou decifrar
• Visualizar o resultado da operação

---

4.1 Primeiro protótipo (papel)

Neste primeiro rascunho, a ideia era:

• Exibir logo e nome do projeto
• Explicar brevemente como funciona
• Separar áreas de cifra e decifra
• Ter campos distintos para texto, offset e resultado

---

4.2 Segundo protótipo (papel)

Após estudos de UX e lógica em JavaScript, foi identificado que o primeiro protótipo não era tão acessível.

O layout foi simplificado para:

• Um único campo de texto
• Um único offset
• Dois botões (Cifrar e Decifrar)
• Um campo de resultado
• Footer/Rodapé

---

5. Resultado

🔗 Aplicação disponível em:
https://juliabb.github.io/SAP007-cipher/

---

5.1 Testes

O projeto passou por todos os testes propostos, alcançando 100% dos objetivos.

---

6. Tecnologias utilizadas

• HTML5
• CSS3
• JavaScript
• Node.js

---

7. Sobre a autora

Olá! Me chamo Julia Benedicto 👋
Sou desenvolvedora Front-end e este foi meu primeiro projeto desenvolvido durante o bootcamp da Laboratória.

🔗 Conecte-se comigo:

• LinkedIn: https://www.linkedin.com/in/julia-benedicto/
• Instagram: https://www.instagram.com/jbed.it/
• GitHub: https://github.com/juliabb/