Let's Chat

A real-time chat application. Another fun side project :)

GIFs are attached at the end.

Technologies Used

• React and TailwindCSS for the frontend
• Firebase for authentication
• Node/Express for creating API endpoints
• MongoDB for storing chat room members and their messages
• Socket.io for making the app real-time

Basic Features

• Users can register/login via email and password.
• Profile page where users can update their avatar and display name.
• Generate random avatars using DiceBear API
• Users can create a room to chat with others.
• Users can see online status.
• Search functionality.
• Chatting is real-time.
• Emoji picker is also integrated.
• Dark mode can be enabled.

GIFs