A realtime peer to peer fullstack chat app with real time presence detection system.
The front-end has been developed as a desktop prototype, and it is meant to be viewd using a desktop view. It was not optimized for mobile . This application is a proof of concept and is not ready for production.
- React.js
- Firebase
- Clone the repository and run
npm install
to install the necessary dependencies. - Get the firebase credtials from the firebase console.
- Create .env file at root level of project and add
REACT_APP_API_KEY
,REACT_APP_AUTH_DOMAIN
,REACT_APP_DATABASE_URL
,REACT_APP_PROJECT_ID
,REACT_APP_STORAGE_BUCKET
,REACT_APP_MESSAGING_SENDER_ID
,REACT_APP_APP_ID
- Run
npm start
to start the development environment.
- Google auth for sign in.
- Realtime User Presence System. (๐ข - Online, ๐ก - Away/Idle)
- Realtime message delivery status.
- โ๏ธ- message was send and present in the server.
- โ๏ธโ๏ธ- messagae was sucessfully delivered to the recipient.
- โ -message was read by the recipient.
Fell free to check it out here