In this project, let's fix the Nxt Trendz Protected Route by applying the concepts we have learned till now.

Refer to the image below:

Set Up Instructions

Click to view

• Download dependencies by running npm install
• Start up the app using npm start

Completion Instructions

Functionality to be fixed

Fix the given code to have the following functionality

• When an unauthenticated user tries to access the Home Route, Products Route or Cart Route, then the page should be navigated to the Login Route using the protected route
• When an authenticated user tries to access the Home Route, Products Route or Cart Route, then the page should be navigated to the respective route using the protected route

Quick Tips

Click to view

• There are 8 bugs to be fixed to achieve the functionality and the UI that is expected

Important Note

Click to view

The following instructions are required for the tests to pass

• User credentials

   username: rahul
   password: rahul@2021
  

Things to Keep in Mind

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