ChatterBox

ChatterBox is a dynamic messaging platform designed to facilitate seamless communication and foster meaningful connections among users. Whether you're catching up with friends, collaborating with colleagues, or meeting new acquaintances, ChatterBox provides a vibrant and inclusive space for interaction.

Overview

ChatterBox is a modern web application built with React.js and Node.js. It allows users to engage in real-time group chats, private messaging, and media sharing. The application features a user-friendly interface, emoji support, and multi-device compatibility.

Features

• Private Messaging: Have private conversations with individuals in a secure environment.
• Media Sharing: Share photos, videos, and files to enhance communication.
• Emoji and Stickers: Express yourself with a wide range of emojis and stickers.
• Multi-device Support: Stay connected on your desktop, laptop, or mobile device.
• User Login and Registration: Create an account or log in to access ChatterBox.
• Search for Users: Find and connect with other users on the platform.
• Friend Requests: Send and receive friend requests to build your network.
• Friend Request Notifications: Get notified when you receive a friend request.
• Accept Friend Requests: Approve friend requests to connect with others.
• Chat List: View a list of all your active chats.
• Send Messages and Attachments: Share messages, images, videos, audio files, and documents.
• Send Emojis: Enhance your messages with a variety of emojis.
• New Message Notifications: Receive real-time notifications for new messages. Pending
• Group Chats: Engage in lively group conversations with friends, family, or colleagues.

Tech Stack

ChatterBox is built using the following technologies:

• Frontend:

  • React.js: A JavaScript library for building user interfaces.
  • Material-UI: A React component library implementing Google's Material Design.
  • Emoji Picker: Library for adding emoji picker functionality to the application.
  • Axios: HTTP client for making API requests to the backend.
  • Socket.io Client: Real-time communication library for the client-side.

• Backend:

  • Node.js: A JavaScript runtime environment for building server-side applications.
  • Express.js: A web application framework for Node.js, used for building RESTful APIs.
  • MongoDB: NoSQL database for storing user data and messages.
  • Socket.io: Real-time communication library for the server-side.
  • Cloudinary: A cloud-based image and video management service.
  • Bcrypt: A library for hashing passwords.
  • Moment.js: A library for parsing, validating, manipulating, and formatting dates.

Getting Started

To get started with ChatterBox, simply sign up for an account or log in if you're already a member. Once logged in, you can start exploring the various features and functionalities of the application.

Contributing

We welcome contributions from the community to enhance ChatterBox further. If you'd like to contribute, please fork the repository, make your changes, and submit a pull request. We appreciate your contributions!

Support

If you encounter any issues or have any questions about ChatterBox, please don't hesitate to contact us. Our support team is here to assist you.

License

ChatterBox is licensed under the MIT License.