Teer: The Cool Chat app

Since we last time discussed that backend functinality of removing profile, chats and and related stuff is done now I will work on frontend side so here is what I have done in this time

• Remaining timecount down on the top of sidebar
• Edit time functionlity
• Onboard for the intro of application to the new users
• Updated readme and mention all i did

So that’s is what i did now i’m going to ship this project because time is going and we need to make it on time

This devlog is different because I mainly worked upon the Backend Side Lets talk about what I cooked in this time.

I moved toward the main functionality of out chat app that makes it unique

• A user profile will be deleted in 7 hours (yes, his chat and everything belongs to him).
• He can edit time to delete under 7 hours mean one can make it quick but not late it.
• We will be showing timestamps at frontend of remaining time so made that on api as well.

Ahh Todays work was really enjoying and also somehow new becauseI

• Deployed my Nestjs Backend to Azure because ft says we cannot deploye on something free resource like railway or render
• Solved too many Cors Errorand some even new btw it was really painful to debug
• Lastly I am now doing proper Hashing of passwords with bcryptjs

GOOD NEWS

I used github action for the first time in my life which is kinda crazy

Previously we were using dummy images, so I added feature of the profile picture

Good Part

I’m using cloudinary for image upload to not to make my frustrated at me

• Now, one can create a profile and go to settings where he can upload image
• Or, if he has already uploaded image then he will be able to update image. with update button as show in image.
• Profile image will appear in side bar and on the top when you are communicating.

codebase was getting messy af

as the app keeps growing, the random states and prop drilling were literally turning into spaghetti rn.

had to step back and actually organize things before i lose my mind trying to read my own code. so we are officially introducing state management.

bringing in zustand to clean up this absolute mess

time to make this readable again lol

things literally never go to plan

said i was gonna drop websockets this time but ended up side questing hard. spent forever beefing up auth, making the dash responsive, and fighting w all the schemas and middleware.

the icing on the cake? im a ws noob and hack club is like “zero ai allowed”. had to rawdog the docs and it took way longer than expected

but… we actually have a working chat app now! the interface is looking immaculate. got the theme switcher dropdown working and built a clean user search to start new chats.

really praying the hc staff is impressed by this one

dev log update

started w a basic ui and a pretty mid backend but we actually locked in today.

full JWT auth is completely cooked now . plus the frontend got a massive glow-up. dropped some crazy themes and the visuals are honestly unmatched rn. gonna make this chat app hit different.

still a lil bit of jank and minor bugs to squash tho

next up: fixing the bugs and finally wiring up the web sockets… or maybe side questing some other crazy ideas lol. stay tuned

8 hours deep into project “teer” 💀

• literally just smashed nest new teer in terminal. going w nestjs over express cuz im not trying to spend a whole week on boilerplate lol. dev speed is easily 10x

• got basic auth fully cooked, but then it hit me… it’s a chat app. without websockets it’s basically a glorified comment section.

realized testing ws without a ui is actual brainrot

• so i did a massive pivot. spun up a react + vite app just so i can actually test the real-time stuff properly. threw in this 8-bit shadcn ui lib and the retro aesthetic is going crazy rn

• base skeleton is breathing. stay tuned for the realtime magic…