🛡️ Cryptography Learning App 🔐
Aaaaaaaaaaaaand i deployed it yay: https://crypto-visualiser-lake.vercel.app/
"Making encryption easy to understand—one visual at a time!"
📌 Overview The Cryptography Learning App is an interactive web platform designed to visually demonstrate encryption techniques such as AES, RSA, SHA-256, and HMAC. 🚀(Currently I'm working on only these four)
Whether you're a beginner or an expert, this app will help you understand how cryptographic algorithms work through step-by-step visualizations.
✨ Features ✅ Interactive Encryption & Decryption: Simulate AES, RSA, Hashing, and HMAC processes.
✅ Step-by-Step Breakdown: Watch encryption happen in real-time with animations.
✅ Sender-Receiver Simulation: See how secure communication works in cryptography.
✅ User-Friendly UI: A clean & modern interface for easy learning.
✅ Lightweight & Fast: Built with React.js + Vite, optimized for performance.
📂 Folder Structure
Crypto_Visualiser/
│── src/
│ ├── assets/ # Static assets (images, icons, etc.)
│ ├── components/ # Reusable UI components (Navbar, Buttons, etc.)
│ ├── pages/ # Individual pages (Landing, AES, etc.)
│ ├── styles/ # Global & component styles
│ ├── App.jsx # Main App component
│ ├── main.jsx # React entry point
│ ├── index.html # Main HTML file
│── .gitignore
│── package.json
│── README.md # You are here! 📌
🛠️ Tech Stack
Technology --> Usage
React.js --> Frontend Framework
Vite --> Fast build tool for React
CSS --> Modules Styling
Figma --> UI/UX Design
Firebase (Planned) --> Backend services
🚧 Roadmap 🛣️ 📌 Phase 1: Core UI & Algorithm Implementation ✅
📌 Phase 2: Animations & Enhancements ⚙️
📌 Phase 3: Firebase Integration & User Authentication 🔐
📌 Phase 4: Deployment 🌎
🤝 Contribution Want to improve this project? Fork it, make changes, and submit a PR! 🚀
1.Fork the repo
2.Create a new branch
3.Commit your changes
4.Push to GitHub & create a Pull Request!
📞 Contact & Support
📧 Email: [email protected]
"Encryption keeps secrets safe. Let's learn how!" 🛡️
🚀 Happy Coding! 🔐