This project is a React-based web application that provides message encryption and decryption functionality using the AES algorithm. Built with Vite.js for fast development and optimal performance, this app offers a sleek user interface for secure message handling.
- Message encryption using AES
- Message decryption
- Custom encryption passwords
- Responsive design
- Animated text using Typed.js
- React
- Vite.js
- react-router-dom for navigation
- @material-tailwind/react for UI components
- crypto-js for AES encryption
- typed.js for text animation
- Tailwind CSS for styling
- Node.js (version 12 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/ardynatz/its-encrypted.git
-
Navigate to the project directory:
cd react-encryption-app
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173
to view the application.
The application consists of three main pages:
-
Home Page: Displays an animated introduction and provides navigation to the encryption and decryption pages.
-
Encrypt Page: Allows users to input a message and an optional encryption password. The encrypted message can be copied to the clipboard.
-
Decrypt Page: Enables users to input an encrypted message and the corresponding password to reveal the original text.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
- Vite.js for the blazing fast build tool
- React for the UI library
- Material Tailwind for the UI components
- Typed.js for the typing animation
- crypto-js for the AES encryption implementation