Spike: Dynamic Google Calendar-based Theming

[2nPlusOne]

Applying Custom Elements and Themes Based on Google Calendar Events Spike

Problem Statement

We want to apply custom site elements and themes based on upcoming Google Calendar events, for example, displaying a countdown timer for an upcoming event.

Goal

Our goal is to learn how to use the Google Calendar API to get upcoming events and use this information to dynamically apply custom site elements and themes based on the event.

Hypothesis

We can use the Google Calendar API and front-end Node packages to get upcoming events and use this information to apply custom site elements and themes.

Questions

• How do we use the Google Calendar API to get upcoming events?
• What front-end Node packages can help with applying custom site elements and themes based on the event?
• How do we use the Google Calendar API with front-end Node packages to apply custom site elements and themes based on the event?

Research Tasks

• Research the Google Calendar API documentation to learn how to get upcoming events.
• Research front-end Node packages, such as Moment.js and React, to learn how they can help with applying custom site elements and themes based on the event.
• Experiment with using the Google Calendar API, front-end Node packages, and JavaScript and CSS to apply custom site elements and themes based on the event.

Results and Conclusion

[To be updated after research and experimentation.]