CHATTY - Real-Time Chat Application

CHATTY is a full-stack real-time chat application built using ReactJS for the frontend and Node.js, ExpressJS for the backend. This application uses Socket.IO for real-time communication and MongoDB for data storage, providing a seamless chat experience.

Features

Real-Time Communication:

• Engage in real-time conversations with friends or colleagues. Messages are sent and received instantly using Socket.IO.

User Authentication:

• Secure login and sign-up system to allow users to register and authenticate before using the chat features.

Responsive UI:

• Fully responsive layout built with Styled Components for modern styling. The app looks great on both desktop and mobile devices.

MongoDB Database:

• All user data and messages are stored securely in MongoDB, providing a reliable backend for chat history and user management.

Easy-to-Use Interface:

• A simple, intuitive UI built with ReactJS and Styled Components for easy navigation and a seamless chat experience.

Message Search:

• The search functionality allows users to quickly find and navigate through past messages with real-time highlighting and a clear/reset option.

Technology Stack

• Frontend: ReactJS, Styled Components
• Backend: Node.js, ExpressJS
• Real-Time Communication: Socket.IO
• Database: MongoDB

Installation

1. Clone the repository.

2. Navigate to the project directory:

   cd CHATTY

3. Install frontend dependencies:

   cd client
   npm install

4. Install backend dependencies:

   cd server
   npm install

5. Set up environment variables for MongoDB connection and other configurations in .env file.

6. Start the application:

   npm start

Screenshots