As in the previous chapters, we have a feature that requires changes in both the frontend and backend parts of our application. We will need an HTML form that accepts the user's text, a new model that handles the communication with the backend, and of course, changes in the API. Let's start by updating our home page.
We have a home page that displays a simple title. Let's use it and add a <textarea> tag to send content to the API. Later in this chapter, we will use the same page to display the user's feed. Let's replace the lonely <h1> tag with the following markup:
{{#if posting === true}}
<form enctype="multipart/form-data" method="post">
<h3>What is on your mind?</h3>
{{#if error && error != ''}}
<div class="error">{{{error}}}</div>
{{/if}}
{{#if success && success != ''}}
<div class="success">{{{success}}}</div>
{{/if}}
...