feat(registerView): add register view

apps/users/forms.py

@@ -0,0 +1,9 @@
+from django.contrib.auth.forms import UserCreationForm
+
+from apps.users.models import User
+
+
+class CreateUserForm(UserCreationForm[User]):
+    class Meta:
+        model = User
+        fields = ["username", "email", "password1", "password2"]

apps/users/urls.py

@@ -0,0 +1,9 @@
+from django.urls import path
+
+from apps.users.views import RegisterView
+
+app_name = "users"
+
+urlpatterns = [
+    path("register/", RegisterView.as_view(), name="register"),
+]

apps/users/views.py

@@ -0,0 +1,21 @@
+from django.http import HttpRequest, HttpResponse
+from django.shortcuts import redirect, render
+from django.views import View
+
+from apps.users.forms import CreateUserForm
+
+
+class RegisterView(View):
+    template_name = "registration/register.html"
+
+    def get(self, request: HttpRequest) -> HttpResponse | None:
+        form = CreateUserForm()
+        return render(request, self.template_name, {"form": form})
+
+    def post(self, request: HttpRequest) -> HttpResponse | None:
+        form = CreateUserForm(self.request.POST)
+        if form.is_valid():
+            form.save()
+            return redirect("login")
+
+        return render(request, self.template_name, {"form": form})

server/settings/base.py

@@ -142,6 +142,8 @@
 
 LOGIN_URL = "login"
 
+REGISTER_URL = "register"
+
 # The model to use to represent an user.
 # https://docs.djangoproject.com/en/4.1/ref/settings/#auth-user-model
 

server/urls.py

@@ -11,4 +11,5 @@
     path("", IndexView.as_view(), name="home"),
     path("contests/", include("apps.contests.urls")),
     path("problems/", include("apps.problems.urls")),
+    path("register/", include("apps.users.urls")),
 ]

templates/base.html

@@ -63,7 +63,7 @@
                     </a>
                   </li>
                 {% endif %}
-                <li><a href="#" class="dropdown-item">You profile</a></li>
+                <li><a href="#" class="dropdown-item">Your profile</a></li>
                 <li><hr class="dropdown-divider"></li>
                 <li>
                   <a href="{% url 'logout' %}" class="dropdown-item">
@@ -73,6 +73,7 @@
               </ul>
             </div>
           {% else %}
+            <a href="{% url 'users:register' %}" class="nav-link text-white">Register</a>
             <a href="{% url 'login' %}" class="nav-link text-white">Sign in</a>
           {% endif %}
         </div>

templates/registration/register.html

@@ -9,39 +9,14 @@
         <div class="card">
           <div class="card-header">Register</div>
           <div class="card-body">
-            <form method="POST" action="{% url 'register' %}">
+            <form method="POST" action="{% url 'users:register' %}">
               {% csrf_token %}
-              <div class="mb-3">
-                <label for="name" class="form-label">Name</label>
-                <input
-                  type="text"
-                  class="form-control"
-                  id="name"
-                  name="name"
-                  required
-                >
-              </div>
-              <div class="mb-3">
-                <label for="email" class="form-label">Email</label>
-                <input
-                  type="email"
-                  class="form-control"
-                  id="email"
-                  name="email"
-                  required
-                >
-              </div>
-              <div class="mb-3">
-                <label for="password" class="form-label">Password</label>
-                <input
-                  type="password"
-                  class="form-control"
-                  id="password"
-                  name="password"
-                  required
-                >
-              </div>
-                <button type="submit" class="btn btn-primary">Register</button>
+              {% for field in form%}
+                {{field.label}}
+                {{field}}
+              {% endfor %}
+              <button type="submit" class="btn btn-primary">Register</button>
+              {{form.errors}}
             </form>
           </div>
         </div>