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.
recording-2023-05-27-145115_1rQW58kY.mp4
- 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
npm install -g yarnThen follow these steps:-
- Clone the project
git clone https://github.com/kartikayasija/chat-app- run yarn command
yarn cd backend- 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- run yarn command
yarn- run yarn command
yarn run dev- Open new tab in browser and navigate to:
https//localhost:4444 cd frontend- Make .env and add this:
REACT_APP_API_URL='http://localhost:3000'- run yarn command
yarn- run yarn command
yarn start