ChatVilla is a real-time chat application built using pure JavaScript and Socket.io. This application enables users to communicate instantly through messages, with features such as joining notifications and real-time message updates.
Real-Time Communication: Instant messaging with real-time updates. User Join Notifications: Notifies all users when a new user joins the chat. Message Broadcasting: Messages are broadcasted to all connected users. Responsive Design: Fully responsive UI to ensure usability on various devices.
Front-End: HTML, CSS, JavaScript Back-End: Node.js Real-Time Communication: Socket.io
##Installation Prerequisites Node.js (https://nodejs.org/) NPM (comes with Node.js)
Clone the repository:
bash Copy code git clone https://github.com/Adityagaikepatil/ChatApp.git Navigate to the project directory:
bash Copy code cd ChatApp Install the dependencies:
bash Copy code npm install Start the server:
bash Copy code node index.js Open the application: Open your browser and navigate to http://localhost:8000.
##Usage Open the chat application in your browser. Enter your name and join the chat. Start sending messages in real-time with other connected users.
##Project Structure bash Copy code ChatApp/
├── node_modules/
├── public/
│ ├── index.html
│ ├── style.css
│ └── script.js
├── index.js
├── package.json
└── README.md
public/index.html: The main HTML file for the application. public/style.css: The CSS file for styling the application. public/script.js: The JavaScript file containing the client-side logic. index.js: The main server file where the Node.js server and Socket.io are configured. package.json: The NPM package file listing dependencies and scripts. README.md: The file you are currently reading. Contributing Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or submit a pull request.
Steps to Contribute Fork the repository. Create a new branch (git checkout -b feature-branch). Make your changes. Commit your changes (git commit -m 'Add some feature'). Push to the branch (git push origin feature-branch). Open a pull request.
Author: Aditya Gaikepatil