Problem - Routing Basics

Please read the problem fully before attempting

Maximum Marks: 11

Description

• Video

• Create a Navbar Component with the following Links

• When you click on these links, you should display different the corresponding components.

• There are two components

• Navbar.jsx

  • you need to create all your Links here
  • Links
    • / - Home
    • /contact - Contact
    • /about-us - About
    • /services - Services
    • /login - Login

• App.jsx

  • this needs to contain all the Routes for your application
  • The following should be the text in each of the page. You can use an h1 tag
  • Home Page - /
  • Contact Page - /contact
  • About Page - /about-us
  • Services Page - /services
  • Login Page - /login

Extract from this zip folder:

• You can use the codesandbox link if you are not able to get it working on your system
• https://codesandbox.io/s/routing-i-problem-template-forked-rqhxlx
  • If you are using codesandbox for working on the application
  • Then make sure you are downloading the project, and then adding the updates to your github repo
  • and submitting the link to where the project is ( the link should open the folder with /src, /public and package.json )
• there are test cases that you need to run to pass the project
• make sure you npm run install
• you can install any node version you want, don't add package-lock.json
• you can run npm run test,
• make sure you read test case errors