
October 05, 2023
Complete chat app of professionals and organization
App (web and desktop) for professionals and organizations communication (like slack).
I worked as the Lead Frontend Developer for this product for my previous company. The product is a slack-like communication tool for inter-organizational communication.
Product is already in production and is being used as an official communication tool by my company. Primarily handled all major frontend feature development on my own.
Features:
- 1-1 chats and group chats.
- Voice and video calls (1-1 and group).
- Rich text Input and Parsing.
- Reactions and Emojis.
- Admin Features
- Reply and Forward
- Infinite scrolling to fetch older messages
- Handling scroll to a particular message on click
- File Upload
- Screen Share
- Tenant based system
- Message Edit and Delete.
These are some features that I can name. It has most features you would need in a chat app.
Technology:
- React
- Redux
- Typescript
- Tailwind CSS
- Websockets
- Mqtt Client for messaging.
- Draft.js
- SonarQube for code quality checking.
Completely written in TS and using hooks. Emphasis on creating reusable components and code. Custom hooks were written for a lot of reusing functionalities like file upload handling, Focus in , Esc or outside click to close modals, Sending browser notification etc.
Very few npm / 3rd party packages were used. Focus given to write our own and lighter code most of the time.
358 views