A Chat Progressive Web App

Hello everyone,

I made a chat progressive web application with React, NodeJS and firebase, it comes with a lot of features like push notifications.

Follow the link and search for my name “alaa” and chat with me.

The app is very well explained in the…


This content originally appeared on DEV Community and was authored by aladinyo

Hello everyone,

I made a chat progressive web application with React, NodeJS and firebase, it comes with a lot of features like push notifications.

Follow the link and search for my name "alaa" and chat with me.

The app is very well explained in the github repository.

Don't forget to ALLOW NOTIFICATIONS when you use the app.

Link: https://whatsappy-app.web.app/ ALLOW NOTIFICATIONS !!!

GitHub: https://github.com/aladinyo/WhatsappyApp
GIVE ME A STAAR ⭐⭐⭐!!!

Let's discuss the app in the comments.



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.


This content originally appeared on DEV Community and was authored by aladinyo


Print Share Comment Cite Upload Translate Updates
APA

aladinyo | Sciencx (2021-04-15T14:42:24+00:00) A Chat Progressive Web App. Retrieved from https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/

MLA
" » A Chat Progressive Web App." aladinyo | Sciencx - Thursday April 15, 2021, https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/
HARVARD
aladinyo | Sciencx Thursday April 15, 2021 » A Chat Progressive Web App., viewed ,<https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/>
VANCOUVER
aladinyo | Sciencx - » A Chat Progressive Web App. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/
CHICAGO
" » A Chat Progressive Web App." aladinyo | Sciencx - Accessed . https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/
IEEE
" » A Chat Progressive Web App." aladinyo | Sciencx [Online]. Available: https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/. [Accessed: ]
rf:citation
» A Chat Progressive Web App | aladinyo | Sciencx | https://www.scien.cx/2021/04/15/a-chat-progressive-web-app/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts