Skip to content

Chat-App is a real-time messaging application that allows users to communicate instantly with each other. It provides a platform for seamless text-based conversations in a user-friendly interface.

Notifications You must be signed in to change notification settings

ekas-7/Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat-App

A real-time chat application built with Node.js, Socket.IO, and React.

Preview

Screenshot 2025-01-02 at 2 25 30 AM

Screenshot 2025-01-02 at 2 25 39 AM

Screenshot 2025-01-02 at 2 26 01 AM

Features

  • Real-time messaging between multiple users
  • User authentication and authorization
  • Chat room creation and management
  • Emoji support

Getting Started

Prerequisites

  • Node.js (version 14.17.0)
  • npm (version 6.14.13)
  • Socket.IO (version 2.3.0)
  • React (version 17.0.2)

Installation

  1. Clone the repository: git clone https://github.com/ekas-7/Chat-App.git
  2. Change Directory : cd frontend cd server cd socket
  3. Install dependencies: npm install in each directory
  4. Start the server: npm start or npm run dev

Usage

  1. Open two or more browser tabs and navigate to http://localhost:5173
  2. Create a new chat room or join an existing one
  3. Start chatting with other users in real-time

Contributing

Contributions are welcome! If you'd like to contribute to the Chat-App, please:

  1. Fork the repository
  2. Create a new branch for your feature or bug fix
  3. Commit your changes with a clear commit message
  4. Open a pull request against the main branch

License

This project is licensed under the MIT License.

Acknowledgments

  • Socket.IO for real-time communication
  • React for building the user interface
  • Node.js for server-side functionality

Code Structure

  • server.js: Server-side code for handling Socket.IO connections and broadcasting messages
  • public/index.html: Client-side HTML file for rendering the chat interface
  • public/index.js: Client-side JavaScript file for handling user input and sending messages
  • public/index.css: Client-side CSS file for styling the chat interface

Todo

  • Implement user profiles and avatars
  • Add support for file sharing and multimedia messages
  • Improve chat room management and moderation features

I hope this Markdown code helps! Let me know if you have any questions or need further clarification on any part of the code. 😊

About

Chat-App is a real-time messaging application that allows users to communicate instantly with each other. It provides a platform for seamless text-based conversations in a user-friendly interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published