├── README.md
├── app.js
├── index.html
├── server.js
└── styles.css
/README.md:
--------------------------------------------------------------------------------
1 | # Chat-Application
2 | A real-time chat application.
3 |
4 | # Technologies
5 | Node.js, Express, Socket.io, HTML, CSS
6 |
--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
1 | const socket = io();
2 |
3 | document.addEventListener('DOMContentLoaded', function() {
4 | const form = document.getElementById('message-form');
5 | const messageInput = document.getElementById('message-input');
6 | const messagesDiv = document.getElementById('messages');
7 |
8 | form.addEventListener('submit', function(e) {
9 | e.preventDefault();
10 | socket.emit('sendMessage', messageInput.value);
11 | messageInput.value = '';
12 | });
13 |
14 | socket.on('receiveMessage', function(message) {
15 | const messageElement = document.createElement('div');
16 | messageElement.textContent = message;
17 | messagesDiv.appendChild(messageElement);
18 | messagesDiv.scrollTop = messagesDiv.scrollHeight;
19 | });
20 | });
21 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Chat App
7 |
8 |
9 |
10 |
11 |
Chat Application
12 |
13 |
17 |