ChatApp V2 is the upgraded application of KSChat (app which is just available trough repo and no preview. https://github.com/alexcloudstar/ac-chat-app ) On this app you can do the following:
User features: Create an account Log In / Log out View your profile You can see user other users profile. And the users will have a badge which indicates if user is admin/user Customise your profile with the following: name, username, profile picture (which is need to be an URL to a photo), email, password. You can be admin/user. As user you can create new chat rooms with the following customisations: room name, profanity words (these words if they are entered will be replaced by Asterix. Example: If we have profanity words set to: drug, drugs. When a user is typing drug or drugs will be replaced by ****.) you can select users which they are invited into the room, and room avatar (which as the same on user needs to be a link to an image). On the BE there are more routes for example leave a chat room but they are not implemented into the UI due to this is a portfolio item and it has no use at this very moment for production even if it can be used for. You can see users status such as online/offline. As presented into photo under the photo it will be green circle which indicates the user is online or gray if the user is offline. These statuses changed on log in / log out or focus/unfocuse the tab with the app On the chat list, you can see the image of room, title, who was creating the room. And under that on the left side you can see the last message. And on the right side is the hour when the message has been sent. When you create a new room a default message will be assigned as first message: Welcome to the chatroom! ⚡️ Into the chat you can edit the room with the things above I presented on creating a room. You can send messages either press enter or on press send button in real time . You can select emoji from emoji picker You can search for rooms. When user have any punishment it will not be able to access the chatroom until the punishment is expired. Admin features: All users features Can give ban/mute for a period of time. 5, 10, 15, 30, 60, 120 minutes. Or 24 hours. Or permanent.
BE Technologies: NestJS PrismaJS Passport JWT Socket.io Docker PostgreSQL Prettier ESLint
FE Technologies: ReactJS Redux Typescript React Select React Router DOM React Redux React Hook Form Emoji Picker React Swiper Socket.io Tailwind Chromatic Storybook ESLint StyleLint PostCSS Husky Prettier Vite React Icons
Deployment: Frontend is hosted on vercel.com Backend is hosted on aws.com Test accounts are: email@example.com / test firstname.lastname@example.org / test2 email@example.com / test3 firstname.lastname@example.org / test4 email@example.com / admin
KSChat is a realtime messaging app. Using React, TS & socket.io, it allows you to create a chat room and send messages to other users in realtime. *note: The project is hosted on Heroku and the application may be loading for 10 to 15s. Because Heroku is putting on sleep the free servers