Chat-App 💬

This is a Full Stack Chatting App that enables real-time communication. It uses Socket.io for instant messaging and securely stores user details in MongoDB with encryption 🔐

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Close PRs

Demo 🔄

https://github.com/kartikayasija/chat-app/assets/115306535/7aae21fb-a523-4393-a417-d3868f213c8c

Tech Stack 💻

What I Learned Through This Project? 🤔💡

• Web Sockets and Socket.IO:
  I explored the world of Web Sockets 🌐 and implemented real-time communication using Socket.io. I gained hands-on experience with broadcasting messages 📡 to multiple clients, managing various events, implementing acknowledgments ✅, and handling disconnect 🔌 and error ⚠️ events effectively.

• Context API:
  I deepened my understanding of the Context API 🛠️ in React. I learned how to use it to manage global state 🌍 and share data between components seamlessly, without the hassle of prop drilling 🔄.

• UI with Chakra UI:
  I built a clean and user-friendly UI 🎨 using Chakra UI. This helped me develop skills in designing intuitive interfaces that are both visually appealing and highly responsive 📱.

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

Start the server:

  cd backend

1. Make a .env file and copy the content from .env.sample

2. Seed dummy data in database [one-time only]

yarn seed

3. Install node modules [one-time only]

  yarn

3. Run yarn command

  yarn dev

4. Open new tab in browser and navigate to:

  http://localhost:5000

Start the Client :

  cd frontend

1. Make .env and copy the content from .env.sample

2. Install node modules [one-time only]

  yarn

3. Run yarn command

  yarn start

Our Contributors 👀

• We extend our heartfelt gratitude for your invaluable contribution to our project! Your efforts play a pivotal role in elevating Ratna-Supermarket to greater heights.
• Make sure you show some love by giving ⭐ to our repository.

Star the Repo! 🌟

If you find this project helpful or interesting, please consider giving it a star! Your support motivates me to keep improving and adding new features. Thank you! 🙏

Made with love ❤️

Keep exploring and contributing!🌟🚀