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: ALLOW NOTIFICATIONS !!! https://whatsappy-app.web.app/ the app may not run because free limits of firebase or hosting service has been exceeded!! 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.

Progressive

Building ChatPlus: The Open Source PWA That Feels Like a Mobile App

Let's Build Cool Apps 🔮💻🚀🧑‍💻💥🪄

Here's What I Made: Chat Progressive Web Application

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Building ChatPlus: The Open Source PWA That Feels Like a Mobile App

64 Stories To Learn About Firebase

A Useful Wrapper for MobX and Firebase Cloud Firestore

Access User Location with Permission Handler in Flutter

Adding Firebase Analytics to a Gatsby Project: A Beginner's Guide

All the Firebase Functions you Need to Build Your Next Serverless Application

Building ChatPlus: The Open Source PWA That Feels Like a Mobile App

64 Stories To Learn About Firebase

A Useful Wrapper for MobX and Firebase Cloud Firestore

Access User Location with Permission Handler in Flutter

Adding Firebase Analytics to a Gatsby Project: A Beginner's Guide

All the Firebase Functions you Need to Build Your Next Serverless Application

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps