ChatApp

ChatApp is a full-featured web chatting application built with the MERN stack (MongoDB, Express, React, Node.js). It offers functionalities like single chat, group chat, image upload, and group admin management. This application is designed to provide a seamless and interactive user experience for real-time communication.

Features

• Single Chat: Engage in one-on-one conversations with other users.
• Group Chat: Create and participate in group discussions with multiple users.
• Image Upload: Share images within chats for a more interactive experience.
• Group Admin Management: Manage group settings and user roles efficiently.

Technologies Used

• Backend:

  • Node.js
  • Express.js
  • MongoDB
  • Socket.io
  • JWT for authentication

• Frontend:

  • React
  • Chakra UI for user interface components
  • Axios for HTTP requests
  • Socket.io-client for real-time communication

Installation

To set up ChatApp locally, follow these steps:

Backend

1. Clone the repository:

   git clone github.com/AbdulMateenzwl/ChatApp-MERN.git

2. Navigate to the backend directory:

   cd chatapp/backend

3. Install the dependencies:

   npm install

4. Create a .env file in the backend directory and add your environment variables (e.g., MongoDB URI, JWT secret).

5. Start the server:

   npm start

Frontend

1. Navigate to the frontend directory:

   cd chatapp/frontend

2. Install the dependencies:

   npm install

3. Start the development server:

   npm start

4. Open http://localhost:3000 in your browser to view the application.

Usage

• Register and Log In: Create an account or log in to access the chat functionalities.
• Start a Chat: Click on the chat interface to start a conversation or join a group chat.
• Upload Images: Use the image upload feature to share pictures in your conversations.
• Manage Groups: Use the group admin features to manage your groups and their members.

Contributing

Contributions are welcome! If you want to contribute to this project:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive messages.
4. Push your changes to your forked repository.
5. Create a pull request to the main repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

• The MERN stack for its comprehensive suite of technologies.
• Chakra UI for its beautiful and accessible components.
• Socket.io for enabling real-time communication.

Thank you for checking out ChatApp! Feel free to reach out with any questions or feedback.