In this practice let's fix the Nxt Trendz Authentication 2 by applying the concepts we have learned till now.
Click to view the Set Up Instructions
- Download dependencies by running
npm install
- Start up the app using
npm start
Click to view the Functionality to be fixed
Fix the given code to have the following functionality
- When an unauthenticated user tries to access the
HomeRoute
,ProductsRoute
orCartRoute
then the page should be redirected to theLoginRoute
. - When an authenticated user tries to access the
HomeRoute
,ProductsRoute
orCartRoute
then the page should be navigated to the respective route. - When an authenticated user tries to access the
LoginRoute
then the page should be redirected to theHomeRoute
. - When the Logout button is clicked then the page should be navigated to the
LoginRoute
. - When an undefined path is provided in the URL then the page should navigate to the
NotFoundRoute
Click to view Quick Tips
- There are
8
bugs to be fixed to achieve the functionality and the UI that is expected.
Click to view Important Note Points
User credentials
username: rahul password: rahul@2021
Image URLs
- https://assets.ccbp.in/frontend/react-js/nxt-trendz-home-img.png - alt text should be clothes that get you noticed
- All components you implement should go in the
src/components
directory.- Don't change the component folder names as those are the files being imported into the tests.
- Do not remove the pre-filled code
- Want to quickly review some of the concepts you’ve been learning? Take a look at the Cheat Sheets.