Meeting Timezone Calculator

A WordPress plugin to calculate meeting times for users in various timezones. The interface was built with React, and it runs in the WordPress admin dashboard.

To use the plugin as is, download the zip file and install it as you would any other WordPress plugin. See this section for plugin setup instructions.

Getting Started

These instructions will get a copy of the project running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project as a WordPress plugin.

Prerequisites

First be sure to have Node.js installed. This project requires at least version 6 of Node.js. You can check your Node.js version by typing node -v in the terminal prompt.

You should also have the latest release of npm. To update npm, type this into your terminal: npm install npm@latest -g

Installing

To run the React app in your local development environment:

Install the dependencies in the local node_modules folder.

npm install

To run the app in development mode:

npm start

To build the app for production:

npm run build

Note that the app, when installed locally, will display user data from a sample WordPress REST API. However, when deployed and installed as a plugin, it will read its data from the site on which it's installed.

Deployment

To deploy this as a WordPress plugin, run a build and then copy the following files/folders into a new folder called red-mtg-tz-calc. Zip the resulting folder and import it as a WordPress plugin.

• red-mtg-tz-calc.php
• red-mtg-tz-calc.css
• build

WordPress Plugin Setup

• Once the plugin is activated, its interface can be accessed via Admin -> Tools -> Meeting Timezones.
• In order for individuals to appear in the Meeting Timezones admin interface, they must be added to the site as users, and their timezones must be set from their user profile page (Admin -> Users -> Select user to update).

Built With

• Moment.js - To handle dates/times
• Moment Timezone - To handle timezone calculations
• React Datepicker - A datepicker component for React

Authors

• Jamie Bergen - Initial work - My Website

License

This project is licensed under the GPL-2.0 License - see the LICENSE file for details