Please fork or download repository and put it on your github or similar tool.
When you download the repository use npm install in main folder.
To run mocked server and React code, use npm run start.
Test data user for loginApi:
email: candidate@test.com
userName: tester
password: test1234
- Fetch data from login endpoint http://localhost:8080/login. Test account credentials are above.
- Divide the steps of the form into two parts. The form on the first subpage(first step) should contain the field "email" and "next" button.
On the second subpage(second step), the fields "login", "password" and "submit" button. After completing all the data and approving the form, the user should receive a message about successful login. - Save "token" from successful "login" request in sessionStorage.
- Display backend messages validation in red color below form.
- Add frontend validation. If a field is omitted, receive a message about missing data. You can use external tools if you want.
- In Navbar display full name of the logged user. Keep user logged with http://localhost:8080/authUser endpoint. To recive full name of the user you need send token in authorization header.
- Improve the look of the application in css. You have full freedom to do so.
- Use additional styling libraries/tools