I am trying to get a better understanding or break down of completing the following steps because I am very confused.

1.Display a "Login" HTML form containing the form fields "username" and "password."

2.Show a .js file and reference it in your HTML form document.

Make use of JavaScript fetch to send a POST request containing the form field values "username" and "password."Send the request containingusername: dminni andpassword: ict4510@ppto https://ict4510.herokuapp.com/api/login. (ICT 4510 API Documentation (Links to an external site.))

If the request is successful, it will return an HTTP status code of 200 and the response will contain a user object.

3.Save the user object found in the response to sessionStorage (HTML5 API).

4.Hide the form after a successful login, and display a Welcome message containing the user's first name.

5.Structure and style the page and form using Bootstrap 4.

6.Use containers to structure your layout. (https://getbootstrap.com/docs/4.4/layout/overview/)

7.Apply responsive breakpoints to accommodate mobile devices of varying sizes. (https://getbootstrap.com/docs/4.4/layout/overview/#responsive-breakpoints)

8.Apply form components to your HTML form. (https://getbootstrap.com/docs/4.4/components/forms/)