KiranBaliga/talk-trove

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:-

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: I also learned about the Context API as part of this project. 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 build a user-friendly UI design using Chakra UI.

First Read Contributing.md to follow open-source guidelines

Project initialization locally:-

Make sure yarn is installed in your system if not use this command:-

    npm install -g yarn

Then follow these steps:-

1. Clone the project

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

2. run yarn command

  yarn

Start the server:

  cd backend

1. Make a .env file and add this

  JWT_SECRET="" #anything
  MONGO_URL="mongodb://127.0.0.1:27017/talk-trove" # default
  PORT=4444 #default
  NODE_ENV="" #findit

2. run yarn command

  yarn

3. run yarn command

  yarn run dev

4. Open new tab in browser and navigate to:

  https//localhost:4444

Start the Client :

  cd frontend

1. Make .env and add this:

  REACT_APP_API_URL='http://localhost:3000'

2. run yarn command

  yarn

3. run yarn command

  yarn start

Made with love 💖