Skip to content

AdiSchiff/Web-chat-app-final

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Chtify - Advanced-Programming project

Description

This is a messaging application built with React, Node.js, and Socket.IO. It allows users to communicate with each other in real-time, providing a user-friendly interface for sending and receiving messages, viewing conversation history, and managing contacts.

Installation

To install and set up the project, follow these steps:

  1. Clone the repository.
  2. Make sure you have Node.js and React installed on your machine.
  3. Navigate to the server directory
  4. Install the dependencies: npm install
  5. Start the application: npm start
  6. Navigate to the client directory
  7. Install the dependencies: npm install
  8. Start the application: npm start

Usage

To use the messaging application, follow these steps:

  1. Open the application in your web browser.
  2. Sign up for a new account or log in with your existing credentials.
  3. Add contacts by entering their username.
  4. Select a contact from the contact list to start a conversation.
  5. Type your message in the input box and press Enter or click the Send button to send the message.
  6. Received messages will be displayed in the conversation view, and you can view the conversation history with a contact by selecting them from the contact list.

Technologies Used

This project utilizes the following technologies:

  1. React
  2. HTML/CSS
  3. JavaScript
  4. Socket.IO

Screenshot 2023-06-06 225725 Screenshot 2023-06-06 225809 Screenshot 2023-06-06 225841

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors