Welcome to the Simple Chat Application! This app is built using Vue.js 3, Pinia, Pug.js , Sass and Firebase . Below is a detailed overview of the features implemented in this project.
- Sign Up: Users can create a new account using their email and password. A verification email will be sent upon registration.
- Log In: Existing users can log in with their email and password.
- Username & Avatar: Each user has a profile with a unique username and an optional avatar image.
- Public Chat Rooms: Users can create public chat rooms that are accessible to everyone.
- Private Chat Rooms: Users can create private chat rooms that are accessible only to invited members.
- Search and Join: Users can search for and join public chat rooms. Private chat rooms require an invitation.
- Text Messages: Users can send and receive text messages in real-time.
- Real-time Updates: Messages are displayed instantly as they are sent.
- Viewing Profiles: Users can view other users' profiles, including their username and avatar.
- Room Moderation: Room creators or moderators can manage settings, including adding or removing members and updating room details.
-
Sign Up / Log In
- Go to the authentication page to create a new account or log in with existing credentials.
-
Create or Join Chat Rooms
- Create: Navigate to the chat room creation page and select between a public or private room.
- Join: Browse available chat rooms to join a public room or request an invitation for a private room.
-
Send and Receive Messages
- Type your message in the input field and press Enter to send.
- Messages from other users will appear in real-time.
-
Manage Your Profile
- Access your profile page.
- View other users' profiles by clicking on their names in chat rooms.
