Chatify

Chatify is a real-time chat application built using React.js for the frontend and Node.js, Express.js with Socket.IO for the backend server, allowing users to engage in instant messaging.

Project Structure

The project is structured into two main folders:

• frontend: Contains the React application for the user interface.
• server: Contains the Node.js server implementing Socket.IO for real-time messaging.

Features

• Real-time Messaging: Instantly send and receive messages.
• Multi-User Chat : Multiple users can login and chat.
• Responsive Design: Works seamlessly across devices.

Technologies Used

• Frontend:

  • React.js
  • CSS3

• Backend:

  • Node.js
  • Express.js
  • Socket.IO

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/AtharvaKulkarniIT/Chatify.git

2. Navigate to the frontend directory:

   cd Chatify/frontend

3. Install frontend dependencies:

   npm install

4. Navigate to the server directory:

   cd ../server

5. Install server dependencies:

   npm install

Running the Application

To start the frontend and backend servers:

Frontend

1. Open a new terminal and navigate to the frontend directory:

   cd Chatify/frontend

2. Start the frontend server:

   npm start

3. Open your browser and navigate to:

   http://localhost:3000
   

   Open at least two tabs to simulate a chat room environment.

Backend

1. Open another terminal and navigate to the server directory:

   cd Chatify/server

2. Start the backend server:

   npm start

Usage

• Enter your unique username in each tab and start chatting.
• Messages are displayed in real-time with different styles for your messages and others'.

Contributing

Contributions are welcome! Fork the repository and submit a pull request for any features or fixes.

License

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

UI

Login

Chat page