Part #1 Front End Development

Reproduce the following form using HTML and CSS.

Using JavaScript validate all the forms fields that:

- All the field are not empty except the optional fields

- The email address has to contain @ and dot

- The phone number must follow the placeholder in the form

- The website has to follow the placeholder

Part #2 Back End Development

- Create a database and a table to save the user form inputs.

- Take two screenshots per user input: one of the form with the filled data and one of the table in the database with the same user data

Part #1 Front End Development Reproduce the following form using HTML and CSS. Using JavaScript validate all the form's fields that: - All the field are not empty except the optional fields - The email address has to contain @ and dot - The phone number must follow the placeholder in the form - The website has to follow the placeholder Title Eco Name Phone number (optional) Email address added Your website (optional) Nr. of items to order (1-10) Length 1m (in 10cm increments) Delivery date 275760-08-27 (minimum 16 December 2010) Time of delivery 2100 je in 30 min increments) Color of the item "91c29 (default red) Submit Search Go Progress Disk usage meter values) Part #2 Back End Development - Create a database and a table to save the user form inputs. - Take two screenshots per user input: one of the form with the filled data and one of the table in the database with the same user data