Here's What I Made: Chat Progressive Web Application

Features of the app

• Messaging users in real time.
• You can text messages.
• You can send Images.
• You can send an audio message.
• You click on an image sent in a chat and it will smoothly animate to the center so you can see it.
• You can see if the user is typing or recording.
• You can record an audio and send it.
• You can delete the conversation.
• You can search for users.
• You can see the online status of users.
• You can see the unread messages.
• You will have a seen at the bottom if the user saw your message.
• You have an arrow button that allows you to scroll down the chat you also see the unread messages in it.
• The audio slider is grey when you send an audio message and is green when you receive one and becomes blue if the receiver plays the audio.
• The audio player allows you to see the full time of the audio and if you play it you will see the current time.
• You can receive notifications if a user sent you a message.
• A sound is played when you send a message or receive one in a conversation.
• Another sound is played if you receive a message from another user.
• The app works offline you can use it without internet and you can send text messages only when you come back online they will be automatically sent.
• Finally you can click on the arrow down button at the home page and the web app is installed in your device.