From the course: Mastering Nest.js: Build Scalable Applications with Mastery in Nest.js Framework

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Designing the sign-up form

Designing the sign-up form - Nest.js Tutorial

From the course: Mastering Nest.js: Build Scalable Applications with Mastery in Nest.js Framework

Start my 1-month free trial Buy for my team

Designing the sign-up form

“

So, let's begin creating the form. I'll copy and paste the form and form styling link from the add product template. Now here, let me change the title to sign up and remove the route from the action attribute. We will define it at a later stage. Also I'll keep three input fields, username, that is e-mail, password, and confirm password. I'll change the input name and type according to the field. I'll update the label to username, and we'll add a span tag with the value as e-mail, and we'll give the bootstrap classes fs6, text secondary, and fst italic. Similarly, I will quickly update the rest of the fields. And the button will have the text sign up. Now let's save this and check. All right, now here we want to arrange these fields in a column like this. And for that, I'll adjust the grid system. In the code, I will shift this div with the row class below so that it wraps the password field and give it col12 so that it covers the entire width. Similarly, I'll wrap the confirm password…

Contents