I have created the basic functionality for both Reset and ForgotPassword.js: (See: Task)
Now, the user is able to:
Navigate to 'Forgot Password' page
Enter email address
If the email address is in the database, they will get instant feedback with what's going to happen next. Otherwise, an alert pop-up will be displayed
The client will receive an email, almost instantly, with a unique reset password link which is available for 15 minutes (subject to change)
If the user clicks on the email within 15 minutes of sending the reset password request, they will be able to access the ResetPassword.js page
If the page is accessed within the allocated time, it will display a form which the client needs to fill (password, confirmPassword)
Otherwise, the user will not be able to set a new password and they will see an error message with instructions
If everything goes well, the database will be updated with the user's password and the client will be redirected to the Login Page.
From now on, you can create .scss files as I have added the node sass package to help with a better experience designing components.
In the future, I would be happy if the team decided to switch to CSS in JS and using styled components, as I believe it will significantly improve the performance of our website and will help us create reusable components more easily.
Should you have any comments, or additions please let me know.
I have created the basic functionality for both Reset and ForgotPassword.js: (See: Task)
Now, the user is able to:
Navigate to 'Forgot Password' page
Enter email address
If the email address is in the database, they will get instant feedback with what's going to happen next. Otherwise, an alert pop-up will be displayed
The client will receive an email, almost instantly, with a unique reset password link which is available for 15 minutes (subject to change)
If the user clicks on the email within 15 minutes of sending the reset password request, they will be able to access the ResetPassword.js page
If the page is accessed within the allocated time, it will display a form which the client needs to fill (password, confirmPassword)
Otherwise, the user will not be able to set a new password and they will see an error message with instructions
If everything goes well, the database will be updated with the user's password and the client will be redirected to the Login Page.
From now on, you can create .scss files as I have added the node sass package to help with a better experience designing components.
In the future, I would be happy if the team decided to switch to CSS in JS and using styled components, as I believe it will significantly improve the performance of our website and will help us create reusable components more easily.
Should you have any comments, or additions please let me know.