How can I encrypt data stored in local storage?

How can I encrypt data stored in local storage?

You can use the Web Crypto API to encrypt data before storing it in local storage. Would you like a code example?

Yes, please provide a code example.

Here's a simple example using AES encryption:

async function encryptData(data, password) {
    const encoder = new TextEncoder();
    const keyMaterial = await window.crypto.subtle.importKey(
        'raw',
        encoder.encode(password),
        { name: 'PBKDF2' },
        false,
        ['deriveKey']
    );
    const key = await window.crypto.subtle.deriveKey(
        {
            name: 'PBKDF2',
            salt: window.crypto.getRandomValues(new Uint8Array(16)),
            iterations: 100000,
            hash: 'SHA-256'
        },
        keyMaterial,
        { name: 'AES-GCM', length: 256 },
        false,
        ['encrypt']
    );
    const iv = window.crypto.getRandomValues(new Uint8Array(12));
    const encryptedData = await window.crypto.subtle.encrypt(
        { name: 'AES-GCM', iv: iv },
        key,
        encoder.encode(data)
    );
    return { iv, encryptedData };
}

This function encrypts the data using a password.

How do I decrypt the data after encrypting it?

To decrypt the data, you can use a similar function. You will need the same password and the initialization vector (IV) used during encryption. Would you like to see that code?