Advanced Node.js Development

Styling Our Chat Page as a Web App

In the previous chapter, you learned about Socket.io and WebSockets, which enable two-way communication between the server and the client. In this chapter, we'll continue our discussion on styling our chat page and make it look more like a real web app. We'll look into timestamps and formatting time and date using Moment methods. We'll create and render templates for newMessage and newLocation messages. We'll also look into auto scrolling, making the chat a little less annoying.