Shryas

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

Completed the entire work rn .The project is ready to get shipped .Here below is the added video rendering of my checkboxes grid.I have added the Play and Pause functionality

Now I have tweaked the code for Videoplayer in such a way that it renders high contrasting way and perfectly depicit the frames of Video .

Completed the code to upload the video for teh checkboxes to render them in the frames .The checkboxes will render high contrast frame more espcially less than 25 frames per second i suppose.Next to do is following up on the grids of the checkboxes and making them work

Wrapped the Grids of rows and columns having the Checkboxes in a Div.The checboxes will act as frames to render the video for easy and better resolution of frames so that users can make out what is actually there in the video .Play button is all remaining to add but making this was so hard for me

Working on checkboxes .I have thought to build a grid of 60* 60 or 80* 80 grid which will houses the checkboxes but im facing some issues to have the grid fit perfectly to the layout of my browser tab.There is also some white padding in the borders of the page

I have added a doubel click check box which runs according to the movement of the cursor .The check box was kept minimal without any CSS or shader effects to run very very smooth like butter.Just click on the Checkbox and it will land to another page

Started with initization of Repository and coding with components for the canvas .Im using Vite with react and typescript for my project

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

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.