#M06. As a User, I would like to see my account. (#69)

Author: aticodein

main/urls.py

@@ -4,7 +4,7 @@
 urlpatterns = [
     path("", include("home.urls")),
     path("admin/", admin.site.urls),
-    path("accounts", include("allauth.urls")),
+    path("accounts/", include("allauth.urls")),
     path("profile/", include("profiles.urls")),
     path("hackathon/", include(("hackathon.urls", "hackathon"),
                                namespace='hackathon')),

profiles/templates/profiles/profile.html

@@ -3,7 +3,39 @@
 
 {% block content %}
 
-    <!-- TO DO : build profile page -->
-    TEST PROFILE PAGE
+    <h1>Profile Page</h1>
+    <h2>You are logged in as:</h2>
 
+<!-- Profile display -->  
+ 
+    <div class="container-fluid">
+        <div class="row">
+
+            <div class="col-md-4">
+                <h4>Username:</h4>
+                <p>{{ user.username }}</p>
+            </div>
+
+            <div class="col-md-4">
+                <h4>Email Address:</h4>
+                <p>{{ user.email }}</p>
+            </div>
+
+        </div>
+
+        <div class="row">
+
+            <div class="col-md-4">
+                <h4>First name:</h4>
+                <p>{{ user.first_name }}</p>
+            </div>
+
+            <div class="col-md-4">
+                <h4>Last name:</h4>
+                <p>{{ user.last_name }}</p>
+            </div>
+
+        </div>
+
+    </div>
 {% endblock %}

templates/base.html

@@ -37,8 +37,6 @@
         {% include "includes/footer.html" %}
     </footer>
 
-</body>
-
 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
     integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
 </script>
@@ -52,4 +50,6 @@
 {% endblock %}
 <script src="{% static 'js/script.js' %}"></script>
 
+</body>
+
 </html>

templates/includes/navbar.html

@@ -42,7 +42,7 @@
                         <a class="dropdown-item" href="#">Register</a>
                         <a class="dropdown-item" href="#">Login</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#">My Profile</a>
+                        <a class="dropdown-item" href="{% url 'profile' %}">My Profile</a>
                         <a class="dropdown-item" href="#">Logout</a>
                     </div>
                 </li>