Badgeyay project is now divided into two parts i.e front-end of Ember JS and back-end with REST-API programmed in Python.
In this blog, I will be discussing how I added Log In and Signup Forms and their validations using Semantic UI for badgeyay frontend in my Pull Request.
Let’s get started and understand it step by step.
Generate ember components of Login and Sign up by using the following command :
Generate Login and Sign up route by following commands.
Generate Login and Sign up controller by following commands.
Now we have set up the components, routes, and controllers for adding the forms for login and Sign up. Now let’s start writing HTML in handlebars, adding validations and implementing validations for the form components. In this blog, I will be sharing the code of Login form and actions related to logging In of user. You can check the whole code my Pull Request which I have made for adding these Forms.
Step 4.1: Creating a Login Form
Step 4.2: Adding Form Validations
Step 4.3: Adding Login Actions
I have made Login form and in a similar way I implemented the SignUp form and complete code can be seen in my Pull Request.
Now, we are done with writing HTML in handlebars, adding validations and implementing validations for the form components.
Now run the server to see the implemented changes by the following command.
It will show like this :
Navigate to localhost to see the changes.
- Login Form
- Sign up Form
- Form Validations
Now we are all done with setting up Log In and Signup Forms and their validations using Semantic UI in the badgeyay repository.
This is how I have added Log In and Signup Forms and their validations in my Pull Request.