Caesar Cipher Challenge Guide

A web application to guide users through solving the Caesar Cipher registration challenge on CryptoHack. Learn how to crack the Roman Emperor's secret code through an interactive UI and step-by-step instructions.

---

Features

• Step-by-step guide to understand and solve the Caesar Cipher.
• Interactive decryption tool to try different shifts (ROT1 to ROT26).
• Built with React, TypeScript, and Tailwind CSS.
• Backend API served using Express.

---

Installation

Clone the Repository

git clone https://github.com/BohBOhTN/CryptoHackApp.git

Navigate to the Project Directory

cd CryptoHackApp

Install Dependencies

For both frontend and backend:

npm install
cd backend
npm install

Start the Backend Server

cd backend
npm start

Start the Frontend Development Server

cd ../
npm start

---

Usage

1. Open your browser and navigate to http://localhost:3000.
2. Follow the steps in the guide to learn about the Caesar Cipher.
3. Use the "Try It Yourself" section to input a ciphertext and decrypt it by testing different shifts.
4. Submit your solution on CryptoHack after decrypting the challenge ciphertext.

---

Screenshots

App Hero Section:

Step 1: Input the Ciphertext

Step 2: Find the Decrypted Word

---

Technologies Used

• Frontend: React, TypeScript, Tailwind CSS
• Backend: Express
• Deployment: AWS

---

Contributing

This project is open source! Contributions are welcome to improve the UI, add new features, or fix bugs.

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/YourFeature

3. Commit your changes:

   git commit -m 'Add YourFeature'

4. Push to the branch:

   git push origin feature/YourFeature

5. Open a Pull Request.

---

License

© 2025 Caesar Cipher Guide, Created by Baha Hamdi.

---

GitHub Repository

Visit the GitHub repository.