Prototype conversation webapp - with Tanstack Start, BaseUI and Tailwind.

The initial purpose of the application is to showcase the usage of modern libraries and frameworks, latest react features, as well as my abilities and practices.

Link to deployed app

• Tests
• Proper deployment url
• WebSocket connection for chatroom details
• WebRTC / P2P for message sending
• Multi-Party encryption and decryption, private key makes uniqueID and ensure message origin's authenticity

• Auto-delete empty / inactive chatroom
• Limited messages in time and space (by design with P2P messaging)

• <Activity /> enabled responsive panels
• <Suspense /> and skeleton fallbacks
• useOptimistic on room create
• useTransition, and <ViewTransition>
• Anonymous account / user name set
• About Page

• Filter with useDeferredValue
• Create Chatroom
• Live user-count per room

• Pseudo color by uniqueID