INDchat 🚀 || Real-Time Chat

Welcome to INDchat, a dynamic and engaging real-time chat website built with the MERN stack (MongoDB, Express.js, React.js, Node.js), Socket.io, Redux Toolkit, and Tailwind CSS. INDchat aims to provide a seamless and interactive chatting experience, whether you're connecting with friends, family, or colleagues.

INDchat Live Preview

Objectives

• Real-Time Communication: Enable instant messaging with real-time updates.
• Scalable Architecture: Utilize the MERN stack for a scalable and maintainable application.
• State Management: Implement efficient state management with Redux Toolkit.
• Modern Styling: Use Tailwind CSS for a sleek, responsive, and customizable UI.

Features

• Instant Messaging: Send and receive messages in real-time with the help of Socket.io.
• User Authentication: Secure sign-up and login functionality for personalized experiences.
• Group Chats: Create and join group chats to communicate with multiple users simultaneously.
• Responsive Design: Ensure a seamless user experience across all devices.
• Message History: Access and manage your chat history.
• User Profiles: Customize your profile with a picture and status.

System Requirements

• Operating System: Any OS that supports modern web browsers (Windows, macOS, Linux)
• Web Browser: Latest version of Chrome, Firefox, Safari, or Edge
• Node.js: Version 12 or later
• NPM: Version 6 or later
• MongoDB: Version 4 or later

Usage

Sign Up / Log In

• Sign Up: Create an account to start chatting. Provide your username, email, and password.
• Log In: Access your account by logging in with your email and password.

Real-Time Chatting

• Send Messages: Type and send messages instantly in real-time.
• Receive Messages: Receive messages from other users as soon as they are sent.
• Group Chats: Create and join group chats to communicate with multiple people at once.

Manage Profile

• Edit Profile: Customize your profile by adding a picture and setting your status.

Responsive Design

• Multi-Device Compatibility: Use INDchat on any device, with a design that adapts to various screen sizes.

Customization

Styling

• Customize the appearance of the app by modifying the CSS files in the frontend/src/styles directory or by tweaking Tailwind CSS classes.

Functionality

• Enhance or extend the functionality by editing the React components in the frontend/src/components directory and the backend routes/controllers in the backend/src directory. Add new features or improve existing ones as needed.

Contributing

Contributions to INDchat are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes.
4. Commit your changes.
5. Push to your branch.
6. Submit a pull request.

Contact

For any inquiries or issues, please contact:

• Email: paramhanssingh084@gmail.com
• GitHub: paramhanssingh