Coding the notifications section

The notifications template for the social network is a collection of actions that apply directly to the user. Here, you might see things such as the confirmation of a new friend following you, someone who has liked one of your posts, or a public reply to a post from another user. Like the previous template, we are going to use the same code for the first column. The main changes will be to the second column, where the content will change to reflect the types of notifications you might receive.

Before we start, let's see what this page will look like:

Open the notifications.ejs file and insert the partial for the first column. Here's the code again, just in case you need it:

<!-- left side //-->
<div class="col-lg-3">
  <div class="sidebar-left">
    <%- partial("partial/_sidebar-left") %>
  </div>
</div>

Updating the center column

The layout code for this column will not change. However, the content of the column will be different...