Question: Recreate the website shown using the following guidelines: The first page should include a countdown timer for the event and a link to the volunteer
Recreate the website shown using the following guidelines:
The first page should include a countdown timer for the event and a link to the volunteer registration page. Note the following:
o You should use JavaScriptjQuery to implement the countdown timer.
o The countdown time should be to the specific start time of the event not just to the day of the event The start time may not be :am
o When the event daytime has arrived, the countdown time should be replaced with a message and the link to the volunteer registration page should be removed.
The volunteer registration page should provide a form that allows the user to register to volunteer for the event. Note the following:
o A volunteer is identified by their first name, last name, and email address.
o When a volunteer registers for a time slot, the registration view will display again with the fields cleared and a thank you message will be displayed.
o A volunteer may register for more than one time slot.
o If a volunteer registers for the same time slot multiple times, the duplicate registrations are not processed and a message is displayed.
o Five volunteers are needed for each time slot. The selection list options should indicate how many open spots are available for each time slot. Once a time slot is full, the option should be disabled in the list.
o All fields on the volunteer registration form are required this can be implemented using HTML
o Field values should be validated as follows:
First and last name fields should only allow letters and spaces and should require at least one letter ie all spaces should not be accepted as a name
Email field can be verified using HTML typeemail w no additional validation necessary
If a field value is invalid, a message should be displayed beside the field and the current field values first name, last name, and email should remain displayed in the form.
You will need to design a database to support this application. Note the following:
o The database should be normalized to rd Normal Form NF
o The database and tables should be created programmatically by your application. You should use the username user and the password Paword when connecting to the database.
o The database tables should be populated programmatically by the application.
Step by Step Solution
There are 3 Steps involved in it
1 Expert Approved Answer
Step: 1 Unlock
Question Has Been Solved by an Expert!
Get step-by-step solutions from verified subject matter experts
Step: 2 Unlock
Step: 3 Unlock
