blog bg

October 05, 2023

Complete chat app of professionals and organization

Share what you learn in this blog to prepare for your interview, create your forever-free profile now, and explore how to monetize your valuable knowledge.

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.

360 views

Please Login to create a Question