index.html

<html ng-app="chatApp">
	<head>
		<title>DKO CHAT</title>
	</head>
	<body>
		<h1>DKO CHAT</h1>
		<p ng-controller='chatCtrl'></p>
		<ul id="messages"></ul>

		<form action="">
			<label>Name</label>
		 	<input id="name" autocomplete="off" />	
		 	<label>Message</label>		
		 	<input id="data" autocomplete="off" /><button>Send</button>
		</form>

		<!-- JavaScript -->
		<script src='/socket.io/socket.io.js'></script>
		<script src='node_modules/angular/angular.js'></script>
		<script src='angular.js'></script>
		<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

		<script>
			// append message function
			function msgAppend(content){
				$('#messages').append($('<li>').text(content));
			}

			// socket.io setup
			var socket = io();

			// emit a join message when user joins chat
			socket.emit('join', name);

			// emit message data when user clicks submit button
			$('form').submit(function(){
			    socket.emit('chat message', {
			    	name: $('#name').val(),
			    	data: $('#data').val()
			    });
			    $('#data').val('');
			    return false;
			});

			// print user name of user who joined chat on join
			socket.on('join', function(name){
			    msgAppend( name+" has joined the chat." );
			});

			// print chat message
			socket.on('chat message', function(msg){
			    msgAppend( msg.name+": "+msg.data );
			});


		</script>

	</body>
</html>