Intital commit for DEVEACH TEAM!

emirkabal · emirkabal · commit e9636f9d3ad2 · 2020-05-30T04:39:20.000+03:00
diff --git a/.env.example b/.env.example
@@ -0,0 +1 @@
+SITE_URL=http://localhost:3000
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+package-lock.json
+.env
diff --git a/index.js b/index.js
@@ -0,0 +1,33 @@
+require('dotenv').config();
+
+const express = require('express');
+var app = express();
+
+app.locals.SITE_URL = process.env.SITE_URL;
+
+app.use(express.static('public'));
+app.set('view engine', 'ejs');
+
+app.get('/', (req,res) => {
+    res.render('index');
+})
+
+
+
+const server = app.listen(process.env.PORT || 3000);
+
+
+const io = require('socket.io')(server);
+
+
+
+io.on('connection', (socket) => { 
+
+    socket.on('message', (data) => {
+        io.sockets.emit('message', data);
+    })
+
+});
+
+
+
diff --git a/package.json b/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "chat.deveach.team",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "node index.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "dotenv": "^8.2.0",
+    "ejs": "^3.1.3",
+    "express": "^4.17.1",
+    "socket.io": "^2.3.0"
+  }
+}
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -0,0 +1,14 @@
+.textarea-container {
+    position: relative;
+}
+.textarea-container textarea {
+    width: 50%;
+    height: 100%;
+    box-sizing: border-box;
+}
+.textarea-container button {
+    position: absolute;
+    top: 0;
+    height: 90%;
+
+}
diff --git a/public/assets/js/jquery.min.js b/public/assets/js/jquery.min.js
diff --git a/public/assets/js/main.js b/public/assets/js/main.js
@@ -0,0 +1,22 @@
+const socket = io(SITE_URL);
+let message = $('#message');
+
+socket.on('message', (data) => {
+    $('#messages').append(`<p>${data.message}</p>`);
+});
+
+
+$('#sendMessage').click(function () {
+    if (message.val().replace(/ /g, '') === '') return;
+    socket.emit('message', {message: message.val()})
+    message.val('');
+})
+
+$(document).on('keypress',function(e) {
+    if(e.which !== 13) return;
+    $('#sendMessage').click();
+    setTimeout(() => {
+        message.val('');
+    }, 10);
+
+});
diff --git a/public/assets/js/socket.io.js b/public/assets/js/socket.io.js
diff --git a/views/index.ejs b/views/index.ejs
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Deveach Chat!</title>
+    <link rel="stylesheet" href="<%= locals.SITE_URL%>/assets/css/style.css">
+</head>
+
+
+
+<body>
+
+    <div id="messages">
+        <p>Hello guys, i am sample message!</p>
+    </div>
+
+    <hr>
+
+    <div class="textarea-container">
+        <textarea id="message" placeholder="Some content here..."></textarea>
+        <button id="sendMessage">Send</button>
+    </div>
+
+
+    <script>
+        const SITE_URL = "<%= locals.SITE_URL%>";
+    </script>
+    <script type="text/javascript" src="<%= locals.SITE_URL%>/assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="<%= locals.SITE_URL%>/assets/js/socket.io.js"></script>
+    <script src="<%= locals.SITE_URL%>/assets/js/main.js"></script>
+    
+
+
+</body>
+
+
+
+
+
+</html>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+node_modules/`
	`2`	`+package-lock.json`
	`3`	`+.env`