Skip to content

Syed-M-Nofel/Connectify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Connectify

A sleek, real-time chat app powered by HTML, CSS, Node.js, and WebSocket.io. Connect instantly, communicate effortlessly.

Features

  • Real-Time Communication: Experience instant messaging with WebSocket technology.
  • User-Friendly Interface: Simple and elegant design with Bootstrap for easy navigation.
  • Dynamic User Handling: Automatically updates users' connection status.
  • Responsive Design: Optimized for both desktop and mobile devices.

Technologies Used

  • HTML: Structure of the chat application.
  • CSS: Styling, including custom styles and Bootstrap integration.
  • JavaScript: Client-side scripting and user interaction.
  • Node.js: Server-side runtime environment.
  • WebSocket.io: Real-time bidirectional communication.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/connectify.git
  2. Navigate to the project directory:

    cd connectify
  3. Install dependencies:

    npm install
  4. Start the server:

    node server.js
  5. Open your browser and go to:

    http://localhost:3000
    

Usage

  • Joining the Chat: Enter your name when prompted and start chatting with others.
  • Sending Messages: Type your message in the input field and press the "Send" button or hit Enter.

Code Overview

Client-Side

  • HTML: Contains the structure of the chat interface.
  • CSS: Defines the layout and styling, including Bootstrap and custom styles.
  • JavaScript: Handles user interactions, message sending/receiving, and updates the UI.

Server-Side

  • Node.js: Manages the server and WebSocket connections.
  • WebSocket.io: Facilitates real-time communication between the server and clients.
  • User Management: Manages connected users and their statuses.

Future Enhancements

  • User Authentication: Secure login and registration.
  • Private Messaging: Enable one-on-one conversations.
  • Chat History: Save and display previous messages.

Contributing

Contributions are welcome! Please fork this repository and submit a pull request for review.

Acknowledgments

About

A sleek, real-time chat app powered by HTML, CSS, Node.js, and WebSocket.io. Connect instantly, communicate effortlessly.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors