Add basic front-end, and socketIO connection

1 year ago · 22ca5ca7de
parent 834e06ff5a
commit 22ca5ca7de
4 changed files with 48 additions and 0 deletions
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,19 @@
 <!DOCTYPE HTML>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8">
 		<link rel="stylesheet" href="/style.css">
 		<title>cardGame</title>
 	</head>
 	<body>
 		<canvas id="canvas" width="1000" height="600"></canvas>
 		<script src="/socket.io/socket.io.js"></script>
 		<script src="/main.js"></script>
 	</body>
 </html>
--- a/public/main.js
+++ b/public/main.js
@ -0,0 +1 @@
 var socket = io();
--- a/public/style.css
+++ b/public/style.css
@ -0,0 +1,11 @@
 html,body{
 	margin: 0;
 	padding: 0;
 	background-color: #a1abaa;
 }
 canvas{
 	margin: auto;
 	display: block;
 }
--- a/server.js
+++ b/server.js
@ -0,0 +1,17 @@
 const express = require('express');
 const app = express();
 const http = require('http').Server(app);
 const port = process.env.PORT || 3000;
 const io = require('socket.io')(http);
 app.use(express.static(__dirname + '/public'));
 io.on('connection', onConnection);
 http.listen(port, () => console.log('listening on port ' + port));
 function onConnection(socket){
 	console.log('a user connected');
 }