logo Use CA10RAM to get 10%* Discount.
Order Nowlogo
(5/5)

To the best of your abilities, your task will be to recreate the website you see in the video

INSTRUCTIONS TO CANDIDATES
ANSWER ALL QUESTIONS

Final Project Part 2:

To the best of your abilities, your task will be to recreate the website you see in the video below. Assume 1-4hrs to do this depending on how much work you want to do refining your answer.

Download this video and watch it all the way through before continuing: https://introweb.tech/cse134-final/part-2.mp4

Notes on Implementation

1. You DO NOT need to host this website, just turn in all of the files to gradescope below.

2. The data for the completion times will be fetched from an endpoint

a. The endpoint is https://introweb.tech/cse134-final/fake-data.php

b. You MUST add a query parameter of "year" with a value between 2018 and 2022. Each year must be retrieved individually

c. Once fetched, this JSON should be stored in localStorage. Every subsequent page load should read this JSON from localStorage. In a normal webpage, you'd want to set an "expiration" date on this data to check for newer data, but for this assignment, you won't need to.

d. This data is UNSORTED and the time is in seconds

e. You will need to sort the data before displaying it on screen (hint: JavaScript Arrays have a built-in sort() function you can utilize, you will need to give it a custom comparing function as a parameter)

 f. You will need to convert this time from seconds to HH:MM:SS before displaying it on screen

g. The hours are allowed to be a single digit (e.g. 9:12:35)

h. The minutes and seconds must have a zero in front if they are single digits (e.g. 9:01:03, NOT 9:1:3)

3. Every other asset given to you should be downloaded locally, DO NOT link directly to the background image or question image. You may download Google's font locally if you choose, but it is not required.

4. The timer in the top right should display how much time is left until midnight, everyday, PST (Pacific standard time)

a. It should be in the format of HH:MM:SS b. The hours are allowed to be a single digit (e.g. 9:12:35)

c. The minutes and seconds must have a zero in front if they are single digits (e.g. 9:01:03, NOT 9:1:3)

5. Use as much semantic markup as possible

6. The pop-up dialog that displays when you click on the question mark should disappear if you click anywhere on the screen

7. Your website should be responsive, but only as much as you see in the video. Assume that if you don't see it in the video, you don't need to do it.

8. The data for this assignment is not real and has been made up. Your name & final finish time are not actually being recorded.

 

(5/5)
Attachments:

Related Questions

. Introgramming & Unix Fall 2018, CRN 44882, Oakland University Homework Assignment 6 - Using Arrays and Functions in C

DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma

. The standard path finding involves finding the (shortest) path from an origin to a destination, typically on a map. This is an

Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t

. Develop a program to emulate a purchase transaction at a retail store. This program will have two classes, a LineItem class and a Transaction class. The LineItem class will represent an individual

Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th

. SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

. Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

Ask This Question To Be Solved By Our ExpertsGet A+ Grade Solution Guaranteed

expert
Um e HaniScience

728 Answers

Hire Me
expert
Muhammad Ali HaiderFinance

677 Answers

Hire Me
expert
Husnain SaeedComputer science

917 Answers

Hire Me
expert
Atharva PatilComputer science

976 Answers

Hire Me
July
January
February
March
April
May
June
July
August
September
October
November
December
2025
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
SunMonTueWedThuFriSat
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
00:00
00:30
01:00
01:30
02:00
02:30
03:00
03:30
04:00
04:30
05:00
05:30
06:00
06:30
07:00
07:30
08:00
08:30
09:00
09:30
10:00
10:30
11:00
11:30
12:00
12:30
13:00
13:30
14:00
14:30
15:00
15:30
16:00
16:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
21:00
21:30
22:00
22:30
23:00
23:30