Skip to content

WhisperNet is an anonymous chat application built with HTML, CSS, and JavaScript, featuring real-time messaging via WebSockets. It allows users to chat instantly without revealing their identity. WhisperNet is optimized for responsiveness, ensuring a smooth experience on both desktop and Mobile Devices.

Notifications You must be signed in to change notification settings

manojsvgit/whispernet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WhisperNet

WhisperNet is a real-time anonymous chat application where users can send and receive messages without revealing their identity. The app features a simple UI and allows multiple users to communicate seamlessly over a network using Socket.IO.

Demo

Check out the live demo of WhisperNet here: WhisperNet Demo

Features

  • Anonymous Chat: Users can chat without signing in or registering.
  • Real-time Messaging: Messages are sent and received instantly.
  • Custom Avatars: Each message shows the sender's initials as an avatar.
  • Responsive Design: Works well on both desktop and mobile devices.
  • Dark Mode UI: Eye-friendly dark mode with modern aesthetics.

Technologies Used

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js, Express.js
  • Real-time Communication: Socket.IO
  • Deployment: Local environment or cloud hosting

Setup Instructions

To run the project locally, follow these steps:

Prerequisites

  • Node.js installed on your system
  • NPM (Node Package Manager) installed

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/whispernet.git
    cd whispernet
  2. Install dependencies:

    npm install
  3. Start the server:

    node server.js
  4. Access the chat application:
    Open your browser and navigate to:

    http://localhost:3000

Usage

  • Enter a username: After accessing the application, input a username to start chatting.
  • Send messages: Type your message in the input box and hit the send button or press "Enter."
  • Real-time chat: Your messages will appear instantly in the chat window, and you'll see other users' messages as they are received.

Folder Structure

WhisperNet/
│
├── public/                 # Static frontend files
│   ├── index.html          # Main HTML file
│   ├── styles.css          # Styles for the chat UI
│   └── script.js           # Client-side logic
│
├── server.js               # Node.js server setup
├── package.json            # Dependencies and scripts
└── README.md               # Project documentation

License

  • This project is open-source under the MIT License.

About

WhisperNet is an anonymous chat application built with HTML, CSS, and JavaScript, featuring real-time messaging via WebSockets. It allows users to chat instantly without revealing their identity. WhisperNet is optimized for responsiveness, ensuring a smooth experience on both desktop and Mobile Devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published