https://www.youtube.com/watch?v=HsjBX-zi1CQ&list=RDHsjBX-zi1CQ&start_radio=1

Problem:
Sometimes its hard to explain stuff by describing it

Solution:
Add an annotation feature where one can draw on the website

Potential useful packages:
https://www.npmjs.com/package/@excalidraw/excalidraw
https://www.npmjs.com/package/@tldraw/tldraw

Questions:

• Will annotation cover the whole page or just video?
• how to enable annotation mode
• Does this need better UI structuring?
• anything else?
• do we wanna save this in DB? No @Amoodaa
• Add more

Problem:
Users often get confused to choose a name for their room, that name could also be already used by someone

Solution:
Generate a random name for the room, it could be a random thing thats readable: AmazingGooseMan or something unreadable like an id/hash/random string of text

Tasks:

• this is where u add smaller broken down tasks

business requirement:

• Users want to be able to see who joined the room
• Users want to see who left the room
• Users want to have a username (simple, no account creation needed)
• Users want to be able to chat with that user name on their messages

Checklist:

• First user in a room is the creator of the room
• when users join the room, add them in the users list + send a message in chat model + state is online
• Front: add input field for user name on room creation
• Add popup to joining an existing room

• Expanding playlist and collapsing (chat should take over, or become smaller)
• [ ]

Probably a race condition between creating -> joining -> navigating -> searching for a chat and not finding it

Repro:

• create room
• check database: doesnt have chat or user as online

• new person joining room doesnt get right play state (time of video, pause or continue

• show username in topbar
• allow to edit when not in a room