Chat App
Real-time chat interface where multiple users can interact with each other by sending messages.
AdvancedWeb appSocial12–28hAI-buildable 2/5needs backend
Real-time chat interface where multiple users can interact with each other by sending messages. As a MVP(Minimum Viable Product) you can focus on building the Chat interface. Real-time functionality can be added later (the bonus features).
UI
Logic
Useful
Hosting · Free tier, sleeps when idle
Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.
Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.
Deploy it and share a link.
Core features · 3
- User is prompted to enter a username when he visits the chat app. The username will be stored in the application
- User can see an input field where he can type a new message
- By pressing the enter key or by clicking on the send button the text will be displayed in the chat box alongside his username (e.g. John Doe: Hello World!)
Once it works
- The messages will be visible to all the Users that are in the chat app (using WebSockets)
- When a new User joins the chat, a message is displayed to all the existing Users
- Messages are saved in a database
- User can send images, videos and links which will be displayed properly
- User can select and send an emoji
- Users can chat in private
- Users can join channels on specific topics
Suggested stack
reacttypescripttailwindreact-hook-formdate-fnslocalstoragesupabase