Project
Roulette

Vigenere Cipher

Understanding how an app can be compromised is the first step in coming up with effective protection measures.

BeginnerWeb appSocial4–11hAI-buildable 5/5no setup

The rate and impact of security breaches in recent years makes it imperative that developers understand the methods bad actors use to compromise apps. Understanding how an app can be compromised is the first step in coming up with effective protection measures. One of the easiest ways bad actors can compromise an app is to access data that's left unencrypted by the developer. There are a number of strong encryption algorithms available to ensure that data is not readable even if access is compromised. These include AES, Blowfish, and TripleDES to name a few. However, these algorithms can be…

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 12

  • User can see the app window with these components:
  • Plain text message input field
  • Encryption key input field
  • Action buttons - 'Encrypt' and 'Decrypt'
  • Resulting encrypted or decrypted message
  • User can enter the text to be encrypted in the plain text message input
  • User can enter the Encryption key the Vigenere algorithm will use to
  • User can click see see the 'Decrypt' button disabled until the plain
  • User can click the 'Encrypt' button to encrypt the plain text message
  • User can see the encrypted message displayed in the result field.
  • User can see the 'Decrypt' button enabled after the encrypted message
  • User can click the 'Decrypt' button to decrypt the encrypted message

Once it works

  • User can see a 'Compare' button after decryption that compares the
  • User can see an error message if the 'Compare' detects differences

Suggested stack

reacttypescripttailwindreact-hook-form

Track it