Image Sharing

As user engagement increased I added the Image Sharing functionality to personalize the chat environment; so the end-users can send images with their chat messages Firstly, this process begins with users to upload an image from the frontend. I used Supabase Storage for image uploads, where images are kept in separate buckets based on a naming convention with group Id, user Id, and timestamp.

Once the image is uploaded, the URL is sent to the backend and saved with chat message in the database. The frontend takes images and retrieves their URLs and embeds them in the chat messages. It greatly improves user experience and allows images to be handled accordingly as images can be stored on Supabase which has most scalable storage. The system implements highly performant image handling, supporting uploads of multiple images — all at once — while keeping the chat highly responsive. This adds a dynamic, feature-rich aspect to the chat app.