Another web app mutation: “Planner”

Personal web project

https://github.com/anaida07/MEVN-boilerplate and bootstrap-vue

Also v-calendar, learn more: NPM  Official web site

Planner

Imports data from a Javascript file. (MongoDB integration forthcoming)

The calendar’s highlighted borders are from the same data as the events list. Hard to see in this screenshot, but the event titles turn into calendar popovers.

The black dot is today’s date generated by Date().get stuff, learn more: W3 Schools

‘Edit’ and ‘Delete’ buttons don’t work yet.  The ‘Add’ section doesn’t work yet.

Also to-do: event list to include inline style interpolation of color from data.

I may add other features to taste (event sorting, reminders, all-day checkbox for add, hours-of-day timeline)