$1$

$.$

$$HTML Requirements:

$$

$$Create a form with these fields: Name, Email, Phone Number, Appointment Date,

Appointment Time, Department Name

$($

Dropdown List

$)$

$,$

$$and Doctor Name

$($

Dropdown

List

$)$

$.$

$$

$$Submit Button: To submit the appointment request.

$2$

$.$

$$CSS Requirements:

$$

$$Design a responsive layout that looks good on different screen sizes.

$$

$$Use appropriate colors, fonts, and spacing to enhance readability

$($

You are free to

select any design you need

$)$

$.$

$$

$$Apply CSS frameworks like Bootstrap for easier styling if desired

$($

This is a responsive

CSS

$$

$$Extra marks

$)$

$.$

$3$

$.$

$$JavaScript Requirements:

$$

$$Validate each field to ensure they are not empty.

$$

$$Validate the email field using regex to ensure it follows a valid email format.

$$

$$Ensure the phone number follows a valid format

$($

e

$.$

g

$.$

$,$

$$country code

$+$

$$phone number

$)$

$.$

$$

$$Ensure the appointment date and time are in the future

$($

current date and above

$)$

$.$

$4$

$.$

$$PHP Requirements:

$$

$$Validate each field again on the server side to prevent tampering with client

$-$

side

validation.

$$

$$Sanitize and validate user inputs to prevent SQL injection and other attacks

$($

you are

free to use and enforce any validation you want

$($

THIS IS YOUR SYSTEM, YOU ARE A

DEVELOPER

$$

$)$

$.$

$$

$$Ensure that the appointment date and time are available

$($

not already booked by

another patient

$)$

$.$

$$

$$Handle any errors that occur on the server side gracefully and provide informative

messages to the user. using unset in the php part