Angular Bug Fixes & Backend Integration - 05/07/2024 14:16 EDT
Budget: €8 – €30 EUR
Need someone to fix some small details in the authentication fase, utilizing the methods that I already have or creating new ones if needed. Do not want new methods just to get it over with it, I need someone that knows how to implement what I already have in terms of controllers, routes, pipes and components. I am a developer also and will check the code if it complies to the use of correct implementations and the standard way that I have my code. So I advise the developer to look and feel first.
The workflow of the authentication is simple, the user gets an invite email, clicks on the button on the email and goes to a sign in page. In here he will define the password, with password and confirmation of password and a checkbox. When inputing the password, the requirements for it will be appearing. After the confirm button is enable if all the requirements are met, he then proceeds to the login page. In here he will input his email and password. On the login page the confirm button is the same, if the email is valid and the password the confirm button is enabled. After the login he will go to the dashboard.
What is implemented: every component is created, the design is implemented and most functionalities work.
What is missing:
--> Invite email: There is no method to send invitation to a user yet, you will need to create one in the user controller on backend. Use the invitation-email.tsx that is already done; To test it, in the frontend you can add in the dashboard a simple input email and a button that tests the send invitation.
--> On signup: the confirm button is not working properly, when all the requirements of passwords met and the checkbox is ticked the button should appear clickable and after click it should give the loading icon animation. Also after this it should create an user, I'm not sure if it is working and you will have to see that. With the methods I have in both backoffice and backend. On the backend its the createUser method in the user controller.
--> On login: the confirm button here is working but you have to check the loading icon animation after click and the integration cause I'm also not sure if it is working the login and recovery password. There is already in backend the login method in the user controller, recoverPassword and setNewPassword.
--> After the login I want to go to a dashboard route with a blank page, a simple input email and a button that tests the send invitation.
--> In terms of design everything is implemented however I need you to fix the signup page responsiveness, I want like the login page, no scroll down when changing screens sizes but also working for mobile. Take the example of the login page and do the same for the sign up.
--> Also another bug in the login page, I have a left menu with a border with one color and a right menu without border with another color, in between I can see white and I do not want that, I want it to have the color of the right menu.
--> Another bug common in the signup and login is the eye icon of password, if you click on it twice in a row and so one it will also underline the first word after the input password. Do not want this.
I will provide the backend, backoffice and figma for the developer when we align everything. But to get a sense of the value I'm not expecting more than 5 hours to complete this and until the end of today. It is just bug fixing. I will create a milestone after we align with all these tasks. In the deliver you just need to provide the files that you changed or added, not need to send me the full project. I will then test it and if everything is fixed and working will release, but will need to check everything first.
--> The requirements for the developer is knowledge in angular, fastify, nodejs, react-email and mongodb.
The workflow of the authentication is simple, the user gets an invite email, clicks on the button on the email and goes to a sign in page. In here he will define the password, with password and confirmation of password and a checkbox. When inputing the password, the requirements for it will be appearing. After the confirm button is enable if all the requirements are met, he then proceeds to the login page. In here he will input his email and password. On the login page the confirm button is the same, if the email is valid and the password the confirm button is enabled. After the login he will go to the dashboard.
What is implemented: every component is created, the design is implemented and most functionalities work.
What is missing:
--> Invite email: There is no method to send invitation to a user yet, you will need to create one in the user controller on backend. Use the invitation-email.tsx that is already done; To test it, in the frontend you can add in the dashboard a simple input email and a button that tests the send invitation.
--> On signup: the confirm button is not working properly, when all the requirements of passwords met and the checkbox is ticked the button should appear clickable and after click it should give the loading icon animation. Also after this it should create an user, I'm not sure if it is working and you will have to see that. With the methods I have in both backoffice and backend. On the backend its the createUser method in the user controller.
--> On login: the confirm button here is working but you have to check the loading icon animation after click and the integration cause I'm also not sure if it is working the login and recovery password. There is already in backend the login method in the user controller, recoverPassword and setNewPassword.
--> After the login I want to go to a dashboard route with a blank page, a simple input email and a button that tests the send invitation.
--> In terms of design everything is implemented however I need you to fix the signup page responsiveness, I want like the login page, no scroll down when changing screens sizes but also working for mobile. Take the example of the login page and do the same for the sign up.
--> Also another bug in the login page, I have a left menu with a border with one color and a right menu without border with another color, in between I can see white and I do not want that, I want it to have the color of the right menu.
--> Another bug common in the signup and login is the eye icon of password, if you click on it twice in a row and so one it will also underline the first word after the input password. Do not want this.
I will provide the backend, backoffice and figma for the developer when we align everything. But to get a sense of the value I'm not expecting more than 5 hours to complete this and until the end of today. It is just bug fixing. I will create a milestone after we align with all these tasks. In the deliver you just need to provide the files that you changed or added, not need to send me the full project. I will then test it and if everything is fixed and working will release, but will need to check everything first.
--> The requirements for the developer is knowledge in angular, fastify, nodejs, react-email and mongodb.