Cordthis Application Readme

Welcome to Cordthis – your ultimate group chat application built with React, NodeJS, Express, and MongoDB, featuring real-time communication powered by WebSocket.io. Cordthis enables seamless and instant messaging among groups, making it easy to stay connected and collaborate effectively.

Table of Contents

• Introduction
• Features
• Getting Started
  • Prerequisites
  • Installation
• Usage
  • React-Time Feature
  • Group Chat
  • Chakra UI
  • Cloudinary Image Hosting
• Deployment
  • Deploying with Render.com
• Contributing
• License

Introduction

Cordthis is a full-stack web application that facilitates real-time group messaging. Built using the power of React, NodeJS, Express, and MongoDB, it empowers users to connect, chat, and collaborate effortlessly. Leveraging WebSocket.io, Cordthis delivers instant communication, ensuring your messages are received and shared in real-time.

Features

• React-Time Feature: Cordthis employs WebSocket.io to provide a real-time messaging experience. Say goodbye to refreshing the page – messages are sent and received instantly, keeping your conversations fluid and dynamic.

• Group Chat Support: Create, join, and participate in group chats. Cordthis makes it easy to collaborate, share ideas, and stay connected with your team members, friends, or family.

• Chakra UI Library: The sleek and customizable Chakra UI library is integrated into Cordthis, offering a visually appealing and user-friendly interface.

• Cloudinary Image Hosting: Enhance your conversations by sharing images. Cordthis integrates with Cloudinary, allowing you to seamlessly host and display images within your chats.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (>= 12.0.0)
• MongoDB
• Git

Installation

1. Clone the repository:

git clone https://github.com/your-username/cordthis.git

2. Navigate to the project directory:

cd cordthis

3. Install the server dependencies:

npm install

4. Navigate to the client directory:

cd frontend

5. Install the client dependencies:

npm install

Usage

React-Time Feature

The heart of Cordthis is the real-time messaging feature powered by WebSocket.io. As soon as you send a message, it's instantly received and displayed to all participants in the group chat. No need to refresh or wait – the conversation flows seamlessly.

Group Chat

Create or join group chats to connect with others. Share thoughts, ideas, and images in a dynamic and collaborative environment. Simply select or create a chat room, and you're ready to communicate.

Chakra UI

Cordthis boasts a sleek and intuitive interface, thanks to the integration of Chakra UI. Customize the look and feel of your chats while enjoying a user-friendly experience.

Cloudinary Image Hosting

Cordthis uses Cloudinary to host profile images, allowing users to personalize their avatars and enhance their profile visibility.

Deployment

Deploying with Render.com

Cordthis can be easily deployed using Render.com.