A Caesar cipher is a simple method of encoding messages. Caesar ciphers use a substitution method where letters in the alphabet are shifted by some fixed number of spaces to yield an encoding alphabet.
This was the first documented use of a substitution cipher for military purposes. Substitution ciphers, as the name suggests, encrypt messages by replacing the original characters with different characters. This is in contrast to a transposition cipher, in which the characters remain the same, but they are transposed or rearranged to create an anagram.
Caesar shifted each letter of his message three letters to the right to produce what could be called the ciphertext.
A Caesar cipher with a shift of 1 1 would encode an A as a B, an M as an N, and a Z as an A, and so on. The method is named after Roman leader Julius Caesar, who used it in his private correspondence.
This project is a visualisation of Caesar Cipher - one of the oldest cipher in the human history. The main goal is to provide users an intuitive vision of how the cipher works.
There are many videos and tools available out there on the Internet; however, most of them (imo) are outdated. As a computer science student, I know the frustration that some people has while studying Cryptography. That is why I wanted make easy-to-use, straighforward, and intuitive visualisations of different types of cipher.
Caesar cipher happens to be an interesting choice as it as arguably the most recognizable and oldest cipher out there. Take it for a spin!
This section should list any major frameworks/libraries used to bootstrap the project. Here are a few examples.
){kind=icon}
To set up the project, you may need to follow these simple steps in order to have the project up and running in your local computers.
Firstly, let's keep your Node Package Manager (npm) up to the latest version.
npm install npm@latest -g
- Clone git repositories:
git clone https://github.com/bachvo01/Caesar-Cipher.git - Install dependenciess:
npm install - Run projecct:
npm run dev
- The Father of the Fatherland: Julius Caesar
- Shout out to Hirako for giving me the inspiration to achieve this project!
- Malven's Flexbox Cheatsheet
- Malven's Grid Cheatsheet
- Img Shield
- React Icons