Teams Messenger

Teams messenger is a React application where users can chat in groups

Tech stack

• React
• React.Context API
• React.UseReducer() Hook
• Express
• Node
• Socket.io
• Material UI

Steps

1. Clone the repo
2. Execute > nodemon src/Server/index.js [This will initiates the server]
3. Execute > npm start [This launches the React application]

Demo

After server is initiated, open the react application in two clients. In my case i have opened in chrome and firefox. Following chat conversation[gif] is related to group chats.