Skip to content
Basic Bootstrap frontend to Google Calendar with backend Apps Script code.
HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
calendar-frontend-demo.gif
calendar-frontend.js
index.html

README.md

Calendar Frontend

Basic responsive Bootstrap frontend to Google Calendar with backend Google Apps Script code.

Best suited for users (typically office users), who are more tied to their desktop email clients than to mobile and web applications, and want a quick way to set reminders on the fly. The user will receive a notification from calendar-notification@google.com to his Google Mail inbox on the selected date. These notifications can then be easily filtered and forwarded to any other email address.

Installation

  1. While logged in to your Google account, go to Apps Script Dashboard and create a new project by clicking on + New script.
  2. Create a script file calendar-frontend.gs under the project and copy the content of calendar-frontend.js into it.
  3. Create a HTML file index.html and copy the content of index.html into it.
  4. Go to Publish -> Deploy as web app and apply the following settings:
    • Project version: New
    • Execute the app as: Me
    • Who has access to the app: Only myself
    • Click Update
  5. Go to the URL under Current web app URL (web app URL)
  6. Confirm Apps Scripts authorizations.

Demo

You can try it here: https://script.google.com/macros/s/AKfycbyJAb5tyhU9j73o0fluMah0toXzjkNguafQ9HOxYxjf85qdS5o/exec

Animated Gif Demo

Please, note that this demo is hosted by a free Google account, which is subject to Apps Script services quotas and limitations.

To later revoke app's access to your data, follow the steps described here: Revoking access rights | Authorization for Google Services | Apps Script

TO DO

  • Select due time (current version set the reminder to 8:00AM)
  • List, edit and delete created/upcoming reminders
  • Publish the application as "API Executable" for authenticated access without having to be logged in to a Google account.
  • Logs in a standard format

Used components

  • Google Apps Script
  • Bootstrap 4
  • Bootstrap-datepicker 1.7.1
  • Font Awesome 4.4

License

Copyright © 2018 Amine Al Kaderi

This software is released under the GNU GPLv3 license. For more information read the license.

You can’t perform that action at this time.