🎥 Demo Video 🌟

https://drive.google.com/file/d/1kxQCpcfV5WFW9u2mclYKjK9oxeQEAsW1/view?usp=sharing

📷 Screenshot

⭐ Product and User Management

• Real-time Messaging: This chat application enables real-time, two-way communication between users, with seamless message exchange and updates.

• User Interaction: Users can select from a list of available users, send messages, and view chat histories, making it ideal for basic chat functionalities.

• Socket.IO Integration: Leveraging Socket.IO, this application provides efficient real-time messaging by connecting users to dedicated rooms based on their usernames.

🕸 Working/Flow

🛠️ Installation

Install my-project with npm

  git clone https://github.com/Ariyaan321/ChatPlus.git
  cd ChatPlus

🧰 Setup backend/server

  npm install  // to install all the dependencies in package.json
  touch .env

• Add the following in you .env file

PORT=8080
MONGO_DB_URI='mongodb+srv://mongo:<password>@cluster0.xnxu3xy.mongodb.net/<nameOfDB>?retryWrites=true&w=majority

• make sure to add your own password and DB name to connect with your cluster

Now start the server

  \ChatPlus> npm run server

• You should now see the following output in the terminal

  Chat app listening on port 8080
  Database connected!

• 🎉 Congratulations you server is now running on port 8080 !!

⚛️ Setup frontend/react

• Now navigate to the fronted directory ( i.e., \ChatPlus\frontend> )

  npm install   // this will install react
  npm start   // start the application

• 🎊 Woooo... now both of your frontend and backend application are up and running !!

⛓ API Reference

Get all users

  GET http://localhost:8080/users

Create a user

  POST http://localhost:8080/users

Get all messages between given two users

  POST http://localhost:8080/message/get

Happy Hakcing👋🚀