Designing and Adding Forms to our Registration Page

Registration page design

The Registration page is where the user gets to sign up before they can have access to the application’s dashboard. The page is going to contain only a form.

We can begin the design for the registration page by following the steps below:

Step 1: Generate the register component

To begin the design for the Registration page, we need to generate a new component. The register component will be inside a folder called components.

We can do this using the Angular CLI by running the command below:

ng generate component components/register

Our folder structure should look like this:

src > app > components > register

Inside of the register folder, we have the following files generated by the Angular CLI:

  • register.component.css
  • register.component.html
  • register.component.spec.ts
  • register.component.ts

📝 Note: Click the terminal window below to see this in action.

Get hands-on with 1200+ tech skills courses.