https://github.com/nagababunarise/debuggingnxttrendz-authorization1

Debugging-Authroization-1
https://github.com/nagababunarise/debuggingnxttrendz-authorization1

css debugging html javascript routes

Last synced: about 8 hours ago
JSON representation

Debugging-Authroization-1

• Host: GitHub
• URL: https://github.com/nagababunarise/debuggingnxttrendz-authorization1
• Owner: nagababunarise
• Created: 2023-11-27T10:43:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-27T10:45:33.000Z (about 1 year ago)
• Last Synced: 2024-04-17T05:11:37.110Z (9 months ago)
• Topics: css, debugging, html, javascript, routes
• Language: JavaScript
• Homepage: https://debugg.ccbp.tech
• Size: 185 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
In this project, let's fix the **Nxt Trendz Authentication** 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

- 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

- When an authenticated user tries to access the Login Route, then the page should be navigated to the Home Route

- When the **Logout** button is clicked, then the page should be navigated to the Login Route

- When a random path is provided in the URL, then the page should be navigated to the Not Found 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

  ```text

   username: rahul

   password: rahul@2021

  ```

### Resources

Image URLs

- [https://assets.ccbp.in/frontend/react-js/nxt-trendz-home-img.png](https://assets.ccbp.in/frontend/react-js/nxt-trendz-home-img.png) alt should be **clothes that get you noticed**

> ### _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.