User Context - Copy this React, Tailwind Component to your project

The main objective of the system will be to communicate, send and receive information in real time through the internet. Project description • The connection to the server must be made automatically. • The application will have the necessary tools for communication, such as the use of real-time chats, uploading and downloading files, private chats and creating group chats of at least three members. • Users of the system must register in advance, with an email, to identify them from the rest of the users. • Each group (e.g. "POI Group") may be created by another user of the system, and may add selected users from a list of users. • Through the "chat" it will be possible to establish communication with all the members who belong to the group. In private, communication will be established only with the selected user and, in addition, it will allow a video call to be made with him/her. •Within the chat will be the option to transfer files either images, text, audio, etc. In addition, there will be the Ability to enable and disable encryption of messages Sent. • The connection status of users must be visible in at all times and, when there is a change in it, will be reflected in real time, without the need to update the system. • Messages can be sent to users regardless of their status connection. Messages can be received once they are Sign in again. • Messages received in different chats (private or group). • The user's location may be shared. The message received must be a link or multimedia (it is not valid to receive plain text with latitude and longitude). • The application will have email sending. Herself will allow you to send an email to the registered address previously by each user when creating an account. • Creation of tasks within a group. To be able to mark them as finished. • Include a reward system visible to all members of the system.