Final E Profile Page

Overview

For this module, you will build out the profile page of your site to meet the following criteria.

Objectives

At the end of this module, you should be able to...

• Set and remove information from local storage [DWDD1720 - Wellness Tracker Assignment]
• Show and hide parts of a page using tailwind classes and JS
• Display information from local storage on a web page.

Tasks

• Reference localStorage

Watch

• Building the Assignment
• Watch 2620_01a Video
• Watch 2620_01b Video
• Watch 2620_01c Video

Assignment Example

• View the small screen version
• View the medium screen version
• View the large screen version

Assignment Checklist

Final E Profile Page (10 pts)

Main

The main tag should contain the following

• Two sections hidden by default. One appears based on localstorage value
• Create a web for that asks for at least three pieces of personal information
• A Create Profile button is displayed
• Checking form input values before setting a profile
• Advanced querySelector using input[type=submit]
• When the form is submitted, the information is preserved in localStorage
• When the page is refreshed the information is retrieved from local storage and displayed to the user
• A delete profile button is now displayed

Design Principle Requirements

Your page needs to meet these requirements

• Passes the HTML W3C HTML validator
• Passes the WAVE Accessibility test with no contrast errors
• Does not contain any Visual Tangent errors (items touching the screen edge)
• Page is responsive from 320px to 1600px
• Page does not have horizontal scrolling at any page width

Grade

In order to receive a grade for this assignment you must earn 90% of the points listed above.

• Pass
• Fail