Skip to content

4ndrs/timezoned-events

Repository files navigation

Timezoned Events

Web app to keep track of events set in different timezones.

Usage

To add new events it is necessary to have the date of the event plus the UTC offset. Let's take the following tweet as an example:

1680064708108683

Here, the event is a special program meant to happen on March 31st 2023 at 08:00 AM (UTC-4). We can use this information to add a new event:

1683141378115611

Here we set a title and description of our choice, and the date as shown in the above tweet with the UTC offset. The date and time will be localized using the browser's settings. By default, the UTC offset will be set to your local one for convenience. It is also possible to add external links, or set one of the pictures available to hype up the mood a little bit.

After adding the event, it will be shown on the main window as below:

1683142610105339

Misc

The figma draft I worked with can be found here. There are some notable differences since I tried to stick with Chakra UI's defaults as much as possible.