Q1. Complete the following Front End tasks using only HTML, CSS, JavaScript and/or
jQuery.
● Create a single responsive web page with the following characteristics:
○ A menu at the top of the page with the following items:
■ Add
■ Delete
■ Update
■ Display
○ Also at the top of the page a statistics display area with the following statistics:
■ Total number of records in the database.
■ Average records added per hour.
■ Ratio of records added per hour versus deleted per hour.
■ NOTE: Assume others may also be using this system, and the statistics must keep up with
changes without refreshing the page.
○ Each menu item clicked should bring up a responsive overlay to add, delete, update, or display
a record respectively. Assume records are stored and retrieved from a back end system.
● Each record is just first name, last name, and phone number.
● Once a record is added it is assigned a unique 10 digit id.
● Define the form of the APIs. In other words, assume you will give the form of the API to the
back-end developer for implementation.