js-goose / heart-track Goto Github PK

Add an image to background of the main page, behind the modal and navigation

This is the library we will use to chart users stats once they have been manually entered.

This can be installed into the project directory via npm

Create a basic modal component that will sit in the middle of the main page. It should contain:

• An h1 tag with the title
• At least one p tag with a description placeholder
• A right-facing arrow behind the word 'Demo'

App should then render the modal component.

Add React Router to the project by installing it via npm

Provide the specific routes to nav links in the navigation bar

Add the CDN link to index.html for Font Awesome so we can use icons within the project

The navigation container component (with nav links/log in container) should be at the bottom left of the page

The Font Awesome icons, while they are indeed awesome, are not as accessible as we'd like. If a user has custom fonts turned off then our icons don't display and that creates a terrible user experience. We're on the hunt for an SVG alternative that provides greater accessibility.

Each page should have a basic footprint and placeholder info in it.

Within the 'Charts' page there should be 6 input elements:

1. Heart Rate
2. Blood pressure (2 inputs - one for Systolic number the other for Diastolic number)
3. Age
4. Weight
5. Height

These values should be saved to and managed within state