ghost

Added a theme option and also added 3 pre defined themes though i don't like one of those but still some people like it so choices.....

Added the anonymity feature that allows user to hide their original username and their msg gets saved n sent with a different username that is generated randomly for each msg the opt was on so hurrayyyyyy we r moving to the finishing of this project kinda......

This time i worked on the sigin and otp verification pages and added a guest button though i m gonna work on it now and i displayed the error messages separately which looks really and also i learnt about how to make the otp enter area used in our slack tooo and now as i mentioned gonna work on adding guest login feature.....hang tight

Now u can get chat previous voice msgs from before and voice msgs will also be send to all users instead of a user just sending to itself and as u might have guessed i also implemented the message fading animation of voice messages when they have reached their life

The previous technique lead me to a dead end so had to do changes cz the gsap animation works using a selector and so all voices appeared to be moving at once so i used a random class for each voice so that they could work independently instead of all being started at once. Now i m gonna add the voices as they are being sent as msgs nxt.......

I first used the remaining audio to adjust positions of the dot and bar animations but it was full of errors bcz i was creating a separate animation each time the user hits pauseplay button and it was not syncing like sometimes the audio completed first and animation last or vice versa but now i used kind of a trick to simulate it and gw it works like magic and also i added lag smooth to remove freeze and pause issues while lost focus so yeah this was all about error fixing

That was a very devlog and thus a lot of features but in short i created another separate realm for voice chats with filters oc and then i had to create separate pages so a bit change of logic in the whole app too and i finished almost of its designing now only the perfect touches remain to make it more flexible and yeah it is static meaning the /voice has no backend so there is this thing to work on too and so that was it ig.......

I used ffmpeg to apply akind of filter on the voice before storing it, though i haven't implemented the storing logic yet gonna do it next. The filter kind of distorts the voice setting tempo,freq etc but it was very distorted and itchy to my ears so i applied a dynamic smooth filter and it kinda works fine for now. Yeah that was it.............

I went to learning and now utilizing that knowledge i kinda created a mic input that is still under development like a lot of development and when i m fully assured that it works fine after setting the backend and stuff i m gonna add this functionality in the main chat page and thats it...........

Guys i lost my streak and used gpt yesterday cz i wanted to show my proj in show and tell and due to some error it wasn't properly deploying so i used gpt'😟 as i didn't had time then to scroll the documentation so sorry guys but not gonna use ai lines of code again to keep the proj pure and i m gonna upload the previous video bcz no new feature until now like i worked on an animation but it failed so ............nothing yet

so i implemented the logic of a message disappearing after the yap duration so to say and also tried to setup a fire animation but utterly failed in it and kinda trying to implement the reconnect logic and handle duplication of connections and some bugs as alwaysssss

I recorded the video n forgot to devlog but np cz it has been 30 mins only and i implemented the basic chat backend and frontend with a scheduler to remove the msgs from db and setting the scheduler fried my brain i mean literally but it works but u guys can't take fun of the chat cz i turned off the backend, i mean cost issuesssssssssssssssss

A quick devlog bcz i opened the sql alchemy docs and got to know about the new version and syntax so as i almost only had authentication code in the backend so i decided that i should update it rather than developing the whole project and then pounding head on it sso yeah that was all

Uploading the same image cause almost no new functionality as i was working and kinda discovered that i could reduce some lines of code especially the script ones cz it was reducing some perfomance so i made it a bit efficient i would say. yeah that's all.............

So I designed the side bar and also added a function on it for responsiveness and rn acc to me only the header or nav or whatever u wanna say remains that need to be designed and then i could integrate it and maybe open backend again but the code has got huge like i think i would have to rearrange it but i have to create an mvp real soon cz i want my proj in the show and tellllllll

I again got stuck in layout error which stopped the messages window from scrolling, i mean why does styling also has to be technical too and i created an animation for options buttons even though they don't fully work yet so ig this was kinda more like ui debugging devlog

This was the most painful devlog yet cz i wanted to setup the chat page today but got stuck in initial style and also kinda like scrolled through the dom elements to add support for text message styling but react says that it is vulnerable so i looked and as a resort tried a library named quill too but still all of it wasted my whole dayyyyyyyyyyyyyyy. The only useful thing i could tell is that I styled onlyy a msg type area....

I was working on dashboard oc an admin only, and i wanted to integrate both my frontend and backend deployment status as a convenience i guess and so today i spent the day scrolling through vercel's documentation and trying different approaches and it is know integrated now as i stopped backend i would work on components add and then backend integration. And yeah some bugssss tooo

I added a endpoint for checking if a user is admin or not and then i m kinda in the process of setting this up on the frontend like rn it gives user a loading screen and then redirects its back if auth failed and i stopped backend service for now so there is kinda like only a simple video attached but it works fine

I scrolled though some documentations of libraries but as I want this project to teach me hard stuff I decided to implement my own functionality and error catching with basic websockets and succeeded in creating a basic websocket. And I also tried to shorten a component code but failed and i solved some ui issue that comes on mobile and yeah i also added some functionality in the footer.

So i solved a vercel hosting issue where it looks for a folder instead of route and added some guest login logic and refactored the already written authentication code to avoid unnecessary complexity. Yeah this devlog was about resolving some errors and now i think i m gonna work on the frontend...

This is my longest devlog and probably will be because I got stuck in cors middleware and https certs etc while setting up jwt tokens for sessions and because I was using free domains browsers were blocking my cookies. Even though the time says some hours my past 2 days have been spent on this like making a change and then postman and browsers dev tools but it is all working now after buying a domain. Now I can focus on developing the application cause most of authentication part is handled.

Hosted my site's frontend on both github pages and vercel, now i m looking for backend hosting services and yeah also the database too

Created the contact us page. It's backend is not set yet cause i decided it would be better to work on the boring frontend and then get to the juicier part of setting things up

Created the about page of the site and i attached the recording. I think that's it for this devlog.

Worked on a simple looking moving ribbon animation. I thought it was very easy i mean it's just a simple ribbon moving but turns out i had to scroll through the gsap documentation for hours to get it right, n i also worked on creating some boxes whose content i m going to fill later. Thaat's all

Created another animation...... and more responsiveness bugssss, don't know when these bugs gonna leaveeeeeeee.

Started the home page landing and created some text animations that look cool to me n now working on another animation rn. Hope all goes welllllllll.........

Created a header n then I fixed another problem in the pages due to that overflow property i mentioned before. Now working on the animation of the landing page, will update soon if everything goes well.

I was working on the footer and I realized my document was not scrolling so after long review of the code i found the bug that i set the overflow property to none and after turning it to auto my nav overflowed so i fixed that problem n currently working on the footer of my site.

I added the signup page and now you can't sign in without having an account but the most important thing were many bugs that appeared due to that and I had to kinda restructure the whole database for that. So kind of spent the whole previous day in database panel and inspect view of browser. But most of these are resolved now. Next I plan on adding JWT tokens for sessions time. Wish me luck.

Completed the OTP verification process for my site using Resend to send emails and then adding a separate route in backend for authentication and it works fine. I also added OTP expiry time which also seems to work and resolved some bugs, no many bugs. I think I will work on the sign up page because I have to setup its database and separate page so I will have to make some changes in these pages too. I guess that was all.

I wanted to work on the authentication first as I mentioned, I already created the structure of my program. Today I reviewed a bit of CSS and styling knowledge and created a responsive navbar and sign in form. I could not add multiple images, I think it doesn't supports now so i cannot send the responsive one img too. Anyway, I got to learn a bit creating this and now if I don't fall on my bed, I will work on the authentication backend and will update u people.

Yesterday, I formed the basic structure of the site on a paper and so decided to work on backend tasks first, like in the time logged I setup a database model for OTP verification and I got stuck in setting up environment vars for the database login, that took some time. I also searched a bit about resend application for email sending. I hope I can integrate it today. I guess that was it.