3rd Graded Exercise

The third graded exercise will complete the 2nd Graded Exercise on having the club sign-up data be saved on the user computer's local Storage

Instructions:

1. Modify the 2nd graded exercise to do the following:

• remove the action attribute from the form tag so that the form sign-up page will always be visible after each submission.
• when users click on the submit/accept button and confirming submissions, it should read and save the entered data on the localStorage.   The data is a string bearing the list of objects.  It could be an array of objects or an object within an object.  This will be up to you to decide but make sure, all information about user sign-ups could be saved. 
• Note: Check first if there is already an existing data on the localStorage in order for you to grow its content.  Otherwise initialize a variable that will represent the list of sign-ups
• Add another button on the Form to View Signups and when a user clicks on it, will load viewSignUps.html
• In viewSignUps.html, please do the following:
  • There should be a drop-down menu for filtering the list of signups per club, initial display should be all club sign-ups of students.  The list should be in a table format. A total number of sign-ups should also be displayed. See sample below:
  • 
    
  •  When user selects a club, then only sign-ups for that club should be displayed and the Total Sign-up should only be for that club.  Please see example below:
  • 
    
  • Selecting ALL will display again all Sign-up.
  • When user selects a club with no sign-ups then it will display an appropriate message like so,
  • 
    
  • If nothing is saved on the localStorage, then an appropriate message should also be displayed. This is up to you.
  • Create a link to be able to go back to the Sign-Up Page
  • You can apply any design on this html document.

• JavaScript Code 80% 
  • Saving and Reading from the localStorage (in the Sign-Up Page and in the viewSignUps.html)
  • Displaying all sign-ups
  • Filtered display of sign-ups based on selected Club
  • Appropriate messages
  • Correct Total Sign-ups is shown for both unfiltered and filtered.
  • JS Codes have useful comments that were not part of the sample code given
• HTML/CSS (20%)
  • Link to go back and forth between pages
  • CSS is applied on the pages 

• Submit again the link to your Github portfolio repository along with the link to your live server link