Reminder Dialog Component

This is a component demonstrating a reminder scheduler. It supports RRule for recurring events.
View Demo

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• License
• Contact
• Acknowledgements

About The Project

This is a component created with Quasar Framework components. It demonstrates interesting use cases for Quasar's components but, more importantly, it creates RRule compliant output for generating recurring events.

I wrote a Medium article related to this titled 'Add Recurring Rules for Calendar Dates to your Application'

Built With

• Vue.js
• Quasar Framework
• Moment.js
• rrule.js

Getting Started

Prerequisites

• Quasar Framework

  npm install quasar -g
  yarn global add quasar

Installation

• Clone the repo

  git clone https://github.com/34fame/q-reminder-dialog.git

• Install NPM packages

  cd q-reminder-dialog
  yarn

• Run locally

  quasar dev

Basic Usage

• Mimic reminder creation events
• Supports simple to complex schedules
  • One-time reminder
  • Recurring reminders
    • Hourly, Daily, Weekly, Monthly, Annually
  • Intervals (e.g. every day, every other day, every 3 days...)
  • By Week Days (only on selected days)
  • By Months (only on selected months)
  • By Days of Month (e.g. 1st and 15th days of month)
  • By Days of Year (e.g. 1st - 365th day of year)
  • By Position (e.g. Combine with Monthly on Wednesdays. A value of 4 would mean only the 4th Wednesday of every month.)
  • By Hours (only at these hours 0-23)
  • By Minutes (only at these minutes 0-59)
• Demonstrates some interesting uses of Quasar Framework components
  • QInput, QSelect, QDatePicker, QTimePicker

Contact

Troy Moreland - Graypes#3890 - Discord

Project Link: https://github.com/34fame/q-reminder-dialog

Acknowledgements

• Razvan Stoenescu - Quasar Framework Author
• Jeff Galbraith - Quasar Framework Developer