README.md

Chat-App

It is a Full Stack Chatting App. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Demo

recording-2023-05-27-145115_1rQW58kY.mp4

Tech Stack

Client: React JS

Server: Node JS, Express JS, Socket.io

Database: Mongo DB

What I learned through this Project?

• Web Sockets and Socket.IO: Throughout this project, I learned about Web Sockets and their implementation using Socket.io. Including broadcasting messages to multiple clients, handling different events, implementing acknowledgments and handling disconnect and error events.
• Context API: As part of this project, I also learned about the Context API. I gained an understanding of how to use it in React to manage global state and share data between components without the need for prop drilling
• UI with Chakra UI: I learned to built a user friendly UI design using Chakra UI.

Project initialization

Clone the project

  git clone https://github.com/kartikayasija/chat-app

Install dependencies

  npm install

  npm install

Start the server

  npm run start

Start the Client

  cd frontend
  npm start