Whisper Chat

i had to switch from Uploadthing to Imgbb since i learnt that Imgbb provides almost unlimited free hosting whereas the uploadthing has free tier limit of 2 gb .While working on setuping the uploafdthing i felt that its actaully complicated to setup the server configuration .Imgbb just took me easy efforts to configure and its working .I have implemented the image upload feature right to the chat .

I have implemented the Encryption and Decryption of the text messages through the chat. The chat app will automatically encrypt and decrypt the messages accordingly.Im also parallely working on the image upload server .Its almost 80% completed .im using HA256 hashing of the room code to create a consistent 256-bit encryption key through cyrpto js,its basically a A JavaScript library for cryptographic functions

working on the uploadthing blob for my image storage.Im unable to configure it properly.Im facing a lot of bugs and issues working on this .I hope i will be able to make this work in the mean time .Also i choose Uploadthing over Cloudinary because i felt lets try a new one i.e uploadthing

working on addition of a new feature to upload images through the chat.Implemented a simple file uplaod button which allows the user to uplaod images through image extensions such as png,heic,jpeg
right now.

The chat message actually looks better with the new blue gradient touch and with the rounded edges.How about adding a option to upload images less than 2mb .Thinking to implement that as well !!

Fixed the message overflow bug.Really thankful for you guys to report me that bug .Its absolutely fixed right now .Im also working on making the Message bubble more better and polished .Parallely i have started working on adding the encrytion for the messages and its too tough

Fixed some minor issues with the configurations of the tailwind css and the app.tsx .Now its all set to work for real time chatting .I have chosen Dark blue tint theme for the User interface as I feel its smooth and soothing. Now you can chat in “Whisper Chat”.

Thats how my chat Create New room and Join room page .here the user can create or join an existing room using 5 digit numeric code .which the user can share with his friends to chat anonymously

I have added the Message sending button in teh chat interface but i feel its bit boring as im very bad at CSS .I will try to make the button more interesting .Still i m left to import the componnet to the chat screen

Working on build a fancy info button for the messages navbar .WHen users will toggle on the Infobutton they can see important notice like “Dont share personal messages like phone number,address,etc”

Chat is all set to test .Right now i have run some chores fixing the backend part and make the people only join one room at a time to prevent spammers or tresspaassers join multiple rooms at times

Working on room setup environment for my “Whisper Chat” .It wil house a placeholder for the user to input custom room codes or randomly generate new ones depending to implemet(yet to implement yet) to start realtime chatting .

I have an idea of having anonymous chat placeholders more like a fancy names like Zenith,Rudra,Hyper,vector,It will be more like a anonymous chat where you dont need to input your actual name .i have worked on it by adding some randoms adjectives and nouns
and implemented random username generation for the same

Is this loading screen really good or do i need to work on something more fancy .I had to fix some rules issues in firebase as well .May be i have to fix the issues in the code as well

I will be using firebase for my realtime message communication so that there is a minimal latency in smooth flow of messages .I have initialized my vite project with firebase dependencies and started working on the chat interface .Im planning to implement like random sender placeholders supporting anonymous talks

Added Toast for my notifications as components and imported the same on app.tsx

Started my project with a cool slimmer toast to add my notifications for the messages