not getting the same precise error message, but perhaps the intent is the same?; anyway, updated views & some FTs, base.html for more dynamic error handling (tho incomplete)

src/templates/core/base.html

@@ -14,16 +14,20 @@
         <div class="container">
             <div class="row justify-content-center p-5 bg-body-tertiary rounded-3">
                 <div class="col-lg-6 text-center">
-                    <h1 class="display-1 mb-4">Dashboard | {% block header_text %}{% endblock header_text %}</h1>
+                    <h1 class="display-1 mb-4">Dashboard</h1>
+                    <h2 class="display-2 mb-2">{% block header_text %}{% endblock header_text %}</h2>
 
                     <form method="POST" action="{% block form_action %}{% endblock form_action %}">
                         <input
                             name="item_text"
                             id="id-new-item"
-                            class="form-control form-control-lg"
+                            class="form-control form-control-lg {% if error %}is-valid{% endif %}"
                             placeholder="Enter a to-do item"
                         />
                         {% csrf_token %}
+                        {% if error %}
+                            <div class="invalid-feedback">{{ error }}</div>
+                        {% endif %}
                     </form>
                 </div>
             </div>