Exercise 03

[cheney103]

PROJECT CONTRIBUTIONS ARE ALLOWED AND WELCOMED. Follow the guidelines as outlined below!

User Login and Task Display

Description

• Added Login page, Homepage, Error 404 Page.

• Used existing authContext for login and matched inputted username/password with the given user details for login success.

• Set user when logged in successful and pushed with useHistory hook, to Home Page where user task is displayed.

• Added logout in Homepage, which Redirects user to logout and set user null.

• Updated useEffect to render if User exist then set the user, also another useEffect to get the particular user.

• Added Route paths to particular component pages such as login/home/Error

• Added Redirect to Error page if the url entered is not the home or login page.

• Added Login Restrictions with yupResolver for password and username field.

Related Issue / Asana Task

Current Issue is Redirecting User to Home Page if user has already logged in.

Motivation and Context

How Has This Been Tested?

• It was tested by logging in user with the provided credentials via AuthContext which would then navigate user to the home page.
• Manually inputting routes within the search bar e.g "/login " , "/"

Screenshots (if appropriate):