ChatBuddy: Real-Time Chat Application

ChatBuddy is a fully responsive real-time chat application that enables users to communicate instantly. It boasts several exciting features, including instant message transfer, photo sharing, video calling, group formation, profile updates, and secure login and # pages.

Features

1. Real-Time Messaging:

   • Users can send and receive messages instantly, ensuring a smooth and responsive chat experience.
   • Messages are delivered and displayed immediately, allowing for seamless conversations.

2. Photo Transfer:

   • ChatBuddy allows users to share photos within the chat interface.
   • Whether it's a funny meme or a memorable snapshot, users can easily exchange images.

3. Theme Mode:

   • ChatBuddy offers a theme mode that adapts to users' preferences.
   • Whether they prefer light or dark themes, users can customize their chat experience.

4. Video Calling System:

   • ChatBuddy supports video calls, allowing users to connect face-to-face.
   • High-quality video calls enhance communication and foster stronger connections.

5. Group Formation:

   • Users can create and join chat groups based on common interests or affiliations.
   • Group chats facilitate collaboration and community building.

6. Profile Updates:

   • Users can personalize their profiles by adding profile pictures, status messages, and other details.
   • Keeping profiles up-to-date ensures a richer chat experience.

7. Secured Login and # Pages:

   • ChatBuddy implements robust authentication mechanisms to protect user accounts.
   • Secure login and # pages ensure data privacy and prevent unauthorized access.

Technologies Used

• Frontend:

  • Built with React, Zego Cloud, and Chakra UI.
  • Utilizes WebSocket (e.g., Socket.IO) for real-time communication.

• Backend:

  • Powered by Node.js and Express.js.
  • Data storage and retrieval using MongoDB.
  • Media management with Cloudinary.

Getting Started

1. Clone the Repository:

   • Clone the ChatBuddy repository to your local machine.

2. Install Dependencies:

   • Navigate to the project directory and run npm install to install the necessary dependencies.

3. Run the Application:

   • Execute npm start to launch the application.
   • Access the chat interface via your preferred web browser.

Video Demonstration

Watch a live demo of ChatBuddy in action! View Demo

Deployed Site link

Watch a live demo of ChatBuddy in action! View Demo

Explore ChatBuddy

Visit the live ChatBuddy app: ChatBuddy App

Feel free to explore the code on GitHub.

Happy chatting! 🎉📱💬