Skip to content

MonikaSianko/loginApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hello Candidate!

This is a recruitment task that tests your coding skills in React.

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.

http://localhost:3000

Test data user for loginApi:
email: candidate@test.com
userName: tester
password: test1234

TODO:

  • 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.

ADDITIONAL TODO:

  • Improve the look of the application in css. You have full freedom to do so.
  • Use additional styling libraries/tools

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published