46 feature/build react router

[HenniePenny]

This is a:

• [x] :sparkles: New feature - new behaviour has been implemented
• [ ] :bug: Bug fix - existing behaviour has been made to behave
• [ ] :recycle: Refactor - the behaviour has not changed, just the implementation
• [ ] :white_check_mark: Test backfill - tests for existing behaviour were added but the behaviour itself hasn't changed
• [ ] :gear: Chore - maintenance task, behaviour and implementation haven't changed

Description

• Purpose - Added react router in App.js and added first route to navbar for "add expense" page
• How to check -
  • Step 1: go to the branch on your local machine, run npm start on the client side
  • Step 2: check that the homepage (http://localhost:3000) now is the "add expense" page
  • Step 3: click on "Add Expense" in navbar, the link should not change
  • Step 4: click on "See Expenses", the link should change to "http://localhost:3000/#", because that page is not in the router yet and the link in the href in the navbar item has not been updated yet.

Links

• Issue: Link to the issue

Reminder to reviewers

• Pull request - read the content of the PR itself (Conversation tab) and consider the following questions:

  • Is the user story/ticket linked?
  • Does the description match the linked item?
  • Does the description tell you how to validate the work?
  • Does the build still work (Checks tab)?
  • What approach would you take to meet this goal?

• Code changes - read through the changeset (Files changed tab) and consider the following questions:

  • Do the code changes match the description?
  • Are there any changes that should not be part of this pull request (e.g. layout changes in files not related to the functionality)?
  • Do you understand what the changes are doing, how they meet the goal of the PR?
  • Does the approach to meeting those goals seem sensible? If it's not the one you thought of, is it significantly better or worse?
  • Is this well-structured code (consistent layout, comprehensible variable names, relatively small files)?

• Software - check out the PR branch, run the software and consider the following questions:

  • Does the product still start and run correctly?

  • Is the goal of the pull request met (i.e. new behaviour for a new feature, changed behaviour for a bug fix, identical behaviour for a refactor)?

  • In the parts of the product this PR touched:

  • Is the spelling, punctuation and grammar for user-facing text correct?

  • Does the layout/UI match the designs?

[HenniePenny]

Please note: once you have other views finished, please add them to the router in App.js and update the path in the Navbar component in const NAV_ITEMS.