Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sanjaraiy/chatting_app
💬 Dive into a real-time chatting application using HTML, CSS, JavaScript, Node.js, and WebSocket (Socket.io). Experience instant communication in a dynamic chat room environment!
https://github.com/sanjaraiy/chatting_app
css3 flexbox-css html5 javascript nodejs websockets
Last synced: 5 days ago
JSON representation
💬 Dive into a real-time chatting application using HTML, CSS, JavaScript, Node.js, and WebSocket (Socket.io). Experience instant communication in a dynamic chat room environment!
- Host: GitHub
- URL: https://github.com/sanjaraiy/chatting_app
- Owner: sanjaraiy
- Created: 2024-04-12T06:03:53.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-23T00:56:47.000Z (5 months ago)
- Last Synced: 2024-06-23T04:53:30.194Z (5 months ago)
- Topics: css3, flexbox-css, html5, javascript, nodejs, websockets
- Language: JavaScript
- Homepage:
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Real-Time Chatting Application
This repository contains a real-time chatting application built using HTML, CSS, JavaScript, Node.js, and WebSocket (Socket.io). This application allows users to communicate instantly in a chat room environment.
## Features
- Real-time messaging
- User prompt for entering a name
- Auto-scrolling to the latest message
- Different styles for incoming and outgoing messages
## Installation
1) Clone the repository
```bash
git clone https://github.com/yourusername/realtime-chat-app.git
cd realtime-chat-app
```
2) Install dependencies
```bash
npm install
```
3) Run the application
```bash
npm start
```
4) Open your browser and navigate to
```
http://localhost:3000
```
## Import Google Font
```
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
```
## Demo Link
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.