Revaycolizer•10mo ago

Messaging web app

Created a messaging web app using convex https://chat-rev.vercel.app

50 Replies

Wayne•10mo ago

Hi @Revaycolizer thanks for sharing. Do you mind sharing the GitHub repo too. Also I sent you a DM can you check. Thanks

RevaycolizerOP•10mo ago

github.com/Revaycolizer/chat

Devben•10mo ago

RevaycolizerOP•10mo ago

Did you sign up? As currently I see no new user registered, could you please share what you were doing that led to that error

RevaycolizerOP•10mo ago

New look

jamwt•10mo ago

slick!

Devben•10mo ago

I try to sign up with Google auth after signing up it throw this error

Devben•10mo ago

RevaycolizerOP•10mo ago

Did you try changing the browser you are using?? Or updating it as it maybe the cause Did you have a try on it?

RevaycolizerOP•10mo ago

Everything changed as of current updates, more coming soon

Devben•10mo ago

this edge

Devben•10mo ago

I use chrome before the same with firebase

Devben•10mo ago

RevaycolizerOP•10mo ago

I wonder what might be the problem there as I see there are two newly registered users and it seems to be working fine for them, as that keeps me wondering as to what might be the cause in your side

RevaycolizerOP•10mo ago

Could you please try using your phone or updating the browser or checking if it's blocking third party apps

Devben•10mo ago

Alright

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

@Revaycolizer Hi, are the messages e2e encrypted?

RevaycolizerOP•10mo ago

Absolutely

RevaycolizerOP•10mo ago

Added a switch button to switch to social media and to switch to messaging app

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

nice, how did you build the e2e encryption?

RevaycolizerOP•10mo ago

Well I used a package to perform encryption of the messages while sending them and decryption of the messages while rendering them

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

nice, which packages?

RevaycolizerOP•10mo ago

crypto-js

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

Is the project open source?

RevaycolizerOP•10mo ago

Nope

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

Ok, would be so nice to see the implementation and learn from your code

RevaycolizerOP•10mo ago

Worry out give me a few minutes I'm sending the implementation of encryption and decryption Decryption

  const decryptImage = (encryptedImage: any) => {
    const b = CryptoJS.AES.decrypt(encryptedImage, 'secret key')

    const i = b.toString(CryptoJS.enc.Utf8);

    return i
  }

  const decryptImage = (encryptedImage: any) => {
    const b = CryptoJS.AES.decrypt(encryptedImage, 'secret key')

    const i = b.toString(CryptoJS.enc.Utf8);

    return i
  }

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

how do you exchange the secret key?

RevaycolizerOP•10mo ago

Encryption

        const decryptedB = CryptoJS.AES.encrypt(encryptedImage, 'secret key'').toString()
       console.log(decryptedB)
        // const decryptedImage = decryptedBytes.toString(CryptoJS.enc.Utf8);
        return decryptedB;
      };

        const decryptedB = CryptoJS.AES.encrypt(encryptedImage, 'secret key'').toString()
       console.log(decryptedB)
        // const decryptedImage = decryptedBytes.toString(CryptoJS.enc.Utf8);
        return decryptedB;
      };

You can use env variables for that use the same key for encryption and decryption

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

interesting, but don't have the user encrypt and decrypt the messages? otherwise you can use the secret key to decrypt the messages of your users

RevaycolizerOP•10mo ago

The key is used to encrypt each message of the user and decrypt it you can think of the way to make it dynamic if you to achieve it that maybe use the userId for encryption or decryption which would have a lot of work around as to decrypt the messages in every conversation with the correct secret key

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

but you also have access to the user id

RevaycolizerOP•10mo ago

The users are not the ones encrypting when they type and send the message,they just see what they wrote but encryption is done under the hood Yes exactly

FleetAdmiralJakob 🗕 🗗 🗙•10mo ago

yes, of course, the client's code is encrypting

RevaycolizerOP•10mo ago

Absolutely I think you get the concept and also decryption occurs server side as I used SSR I fetch the encrypted messages but during rendering I performed decryption under the hood and nothing will be doubted , it will be seen as just there is no encryption while it is automatically happening but under the hood

RevaycolizerOP•10mo ago

Added features