Teaching Timezone is a web development project designed for high school students to learn at their own pace. In a team of four, we managed to build the webpage from scratch using HTML, CSS, Javascript, API and Google Maps.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8c2c1121-abf4-4e71-aedd-aed70a4551e2/Screen_Shot_2021-01-18_at_12.51.46_PM.png

https://youtu.be/G1NOaGCHt5Y

Key Interactive Features in the Website

1. Rotate the earth

https://static.wixstatic.com/media/8f4a2f_255b5b6f772747849b54c23d66597230~mv2.gif

2. Highlight Timezone

https://static.wixstatic.com/media/8f4a2f_8f7a0bcc646649abb3f8337b8d2e1c91~mv2.gif

3. Launch Google Map

https://static.wixstatic.com/media/8f4a2f_157b2c95b70c445c97a37f9d1171de3a~mv2.gif

4. Calculator

https://static.wixstatic.com/media/8f4a2f_09a134cffe9242baa9ddb8574919ac73~mv2.gif

5. Feedback

https://static.wixstatic.com/media/8f4a2f_c456a33ceee64c8e91398012be4a13b5~mv2.gif

Github Repository:

Original files could also be found here at Github