6 |
7 | 
8 |
9 | ---
10 |
11 | ## Table of Contents
12 |
13 | - [Introduction](#introduction)
14 | - [Features](#-features)
15 | - [Prerequisites](#prerequisites)
16 | - [Installation](#-installation)
17 | - [Usage](#-usage)
18 | - [License](#-license)
19 | - [Contributing](#-contributing)
20 |
21 | ---
22 |
23 | ## Introduction
24 |
25 | Cryptique is a secure file encryption and decryption tool built with Electron and Node.js. It leverages the cryptographic functionality provided by Node.js's `crypto` module to perform AES-256-CBC encryption and decryption of files, ensuring that your sensitive data remains protected.
26 |
27 | ## 📚 Features
28 |
29 | - **File Encryption**: Securely encrypts files using AES-256-CBC and more algorithms, ensuring that data cannot be accessed without the correct password.
30 | - **File Decryption**: Decrypts previously encrypted files with the same password used for encryption.
31 | - **Progress Reporting**: Displays encryption and decryption progress, updating in real-time.
32 | - **Error Handling**: Comprehensive error reporting to help diagnose issues during the encryption or decryption processes.
33 |
34 | ## Prerequisites
35 |
36 | Before you begin, ensure you have the following installed on your system:
37 |
38 | - Node.js (v12.0.0 or higher)
39 | - npm (v6.0.0 or higher)
40 | - Electron
41 |
42 | ## 🛠 Installation
43 |
44 | Clone the repository to your local machine:
45 |
46 | ```bash
47 | git clone https://github.com/truethari/cryptoque.git
48 | cd cryptoque
49 | ```
50 |
51 | ```bash
52 | $ npm install
53 | ```
54 |
55 | ### Development
56 |
57 | ```bash
58 | $ npm run dev
59 | ```
60 |
61 | ### Build
62 |
63 | ```bash
64 | # For windows
65 | $ npm run build:win
66 |
67 | # For macOS
68 | $ npm run build:mac
69 |
70 | # For Linux
71 | $ npm run build:linux
72 | ```
73 |
74 | ## 🚀 Usage
75 |
76 | ### Encrypting a File
77 |
78 | - Open the application.
79 | - Switch to the "Encrypt" tab.
80 | - Select a file using the file picker.
81 | - Enter a secure password in the password field.
82 | - Click "Encrypt File" to begin the encryption process.
83 | - The encrypted file will be saved in the same directory as the original file with a .enc extension.
84 |
85 | ### Decrypting a File
86 |
87 | - Open the application.
88 | - Switch to the "Decrypt" tab.
89 | - Select an encrypted file (.enc) using the file picker.
90 | - Enter the password used during encryption.
91 | - Click "Decrypt File" to begin the decryption process.
92 | - The decrypted file will be restored under the same directory as the encrypted file.
93 |
94 | ## 📄 License
95 |
96 | Distributed under the MIT License. See [LICENSE](https://github.com/truethari/Cryptique/blob/master/LICENSE) for more information.
97 |
98 | ## 🌱 Contribution
99 |
100 | If you have any suggestions on what to improve in Reactfolio and would like to share them, feel free to leave an issue or fork project to implement your own ideas
101 |
--------------------------------------------------------------------------------
/src/renderer/src/App.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import toast, { Toaster } from "react-hot-toast";
3 | import { Input, Button } from "@nextui-org/react";
4 | import { Tabs, Tab } from "@nextui-org/react";
5 | import { Select, SelectItem } from "@nextui-org/react";
6 | import { Progress } from "@nextui-org/react";
7 |
8 | import FileInput from "./components/fileInput";
9 |
10 | import { EyeFilledIcon } from "./icons/eyeFilledIcon";
11 | import { EyeSlashFilledIcon } from "./icons/eyeSlashFilledIcon";
12 |
13 | const _algorithms = ["aes-256-cbc", "aes-256-cfb", "aes-256-ctr", "aes-256-gcm", "aes-256-ofb"];
14 |
15 | const algorithms = _algorithms.map((algorithm) => ({
16 | label: algorithm,
17 | value: algorithm,
18 | }));
19 |
20 | export default function App() {
21 | const [activeTab, setActiveTab] = useState("encrypt");
22 | const [password, setPassword] = useState("");
23 | const [isVisible, setIsVisible] = useState(false);
24 | const toggleVisibility = () => setIsVisible(!isVisible);
25 |
26 | const [selectedAlgorithm, setSelectedAlgorithm] = useState(new Set(["aes-256-cbc"]));
27 |
28 | const [progress, setProgress] = useState(0);
29 | const [file, setFile] = useState(null);
30 | const [isSuccess, setIsSucess] = useState(false);
31 | const [isError, setIsError] = useState(false);
32 |
33 | useEffect(() => {
34 | setProgress(0);
35 | setIsSucess(false);
36 | setIsError(false);
37 | }, [activeTab]);
38 |
39 | function updateProgress(progress) {
40 | setProgress(progress);
41 | }
42 |
43 | const errorToast = (icon, message) =>
44 | toast(message, {
45 | icon: `${icon}`,
46 |
47 | ariaProps: {
48 | role: "status",
49 | "aria-live": "polite",
50 | },
51 |
52 | style: {
53 | background: "red",
54 | color: "white",
55 | },
56 | });
57 |
58 | function updateError(error) {
59 | console.log("error", error);
60 | setIsError(true);
61 |
62 | toast.custom(
63 |