To begin work on this ticket, make sure you have finished:
- Getting locally setup.
- Completed the
Onboarding Module
in your course. - Completed Build Sprint 1 and 2.
Deliver the following:
- Integrate the Auth0 microservice into the project. (hint: @auth0/auth0-react)
- Establish a
Profile Page
that only appears on the navigation menu if a user is logged in. - The
Profile Page
should display some basic info on the logged in user. - There should be a Login/Logout button in the navigation menu that redirects you to Auth0 to login.
The following guide from Auth0 will show you how to proceed from start to finish: Auth0 Docs Guide.
Many companies use third-party microservices to establish auth in their application. Your job is establish authentication for this application using the popular auth service: Auth0. You can create a free account with Auth0 for this task. After ensuring the login/logout flow works, you will create a profile page that displays user info using the useAuth0()
hook and dynamically displays based on the logged in user.
You must:
-
Ensure everything is working properly after the Auth0 integration. Components should render correctly and show the data the same way they did before.
-
Make this project your own, but keep the integrity of the main files so that the app can render and work when you wish to present it.
Submit the following in your course:
- Link to your forked repo with the code for the new profile page and auth integration
- Link to a Loom video answering the prompt in the
Submit Your Deliverables
assignment in your course