Rekrypt

Web app to transform text by applying multiple encoders and hashing algorithms sequentially. The final result depends on the order in which you select the methods, allowing endless combinations.

🌐 Live demo: rekrypt.vercel.app

---

✨ Features

• Method chaining: the output of each method is the input of the next one.
• Multiple algorithms: SHA-1, SHA-256, SHA-512, BLAKE2s, BLAKE2b, MD5, CRC32, Hex, Base64, Binary, UUencode, and more!.
• Organized by category: available methods are grouped into collapsible sections (Hashing, Encoding, Checksums, Ciphers & Text).
• Method search: filter the available methods as you type; matching categories open automatically.
• Customizable order: add, remove, and reorder methods (click or drag and drop) to change the result.
• Final method indicator: the last method in the chain is highlighted with a "Result" badge, so it's clear which one produces the output.
• Shareable chains: the URL updates with the current combination of methods, so you can bookmark it or share it and the same chain loads automatically.
• Real-time transformation: live preview of the result as you change the chain.
• Modern, responsive UI: built with Tailwind CSS and React Three Fiber.

🛠️ Tech Stack

Frontend

• React 19 + TypeScript
• Vite as build tool
• Tailwind CSS 4
• Three.js with React Three Fiber and Drei
• Framer Motion for animations
• Axios to consume the API
• Package manager: pnpm

Backend

• FastAPI served with Uvicorn
• python-dotenv for environment variables

🚀 Getting Started

1. Clone the repository

git clone https://github.com/MaickolRivera/rekrypt.git
cd rekrypt

The project has two independent parts: backend/ (API) and frontend/ (UI). You need two terminals open, one for each.

2. Backend (terminal 1)

cd backend
python -m venv venv               # Create and activate the virtual environment
.\venv\Scripts\Activate.ps1       # Windows (PowerShell)
# source venv/bin/activate        # macOS / Linux

pip install -r requirements.txt   # Install dependencies
cp .env.example .env              # Set up environment variables
uvicorn api.main:app --reload     # Start the server

3. Frontend (terminal 2)

cd frontend
pnpm install              # Install dependencies
cp .env.example .env      # Set up environment variables
pnpm dev                  # Start the development server

Available Scripts (frontend)

pnpm dev        # Start the dev server
pnpm build      # Type-check and build for production
pnpm preview    # Preview the production build locally
pnpm lint       # Run ESLint

🔌 API

Method	Route	Description
GET	/	Health check
GET	/methods	List the available methods
POST	/transform	Apply the methods to the text in order

FastAPI also provides interactive documentation at http://127.0.0.1:8000/docs.

📁 Project Structure

rekrypt/
├── backend/
│   └── api/                # FastAPI app, methods, and endpoints
└── frontend/
    ├── public/             # Fonts, images, and static files
    └── src/
        ├── api/            # Axios client
        ├── components/     # UI components
        │   ├── icons/      # SVG icon components
        │   └── methods/    # ACTIVE/AVAILABLE lists: drag and drop, categories, search
        ├── hooks/          # Custom React hooks
        └── sections/       # Main page sections

💜 Contributing

Contributions are welcome! If you'd like to improve Rekrypt or add more encoders or hashing algorithms, feel free to open an issue or submit a pull request.

---

Made with ♥ by Maickol Rivera