A simple Agenda CRUD. With 3 different listitem types ordered by time. Submiting data is disabled, in this demo.
-
You will need to have node.js installed and install webpackserver globally
//git clone this repo npm install webpack-dev-server -g //cd to root directory npm install
-
Sign Up for google firebase.
-
Create a authenticated user
-
Config utils/firebase.js
const config = { apiKey: "", authDomain: "", databaseURL: "", }
-
Run Development Server
npm start
Files will be in ./dist/*
//for production
npm run prod
Data is stored in firebase.
key : {
"body" : string,
"datetime" : string //ISO-8601
"group" : int
"parent" : key, //required only for children items
"title" : string
"type" : string [header,indent,default]
},
npm run test:watch
For deployment copy files from dist folder.
A few screenshots to show the admin controls in use.
There are many more features, I would like to add but I wanted to keep it simple. I need to work out groups to do concurrent time schedules. Right now everything is ordered by time. By creating groups I can circumvent the order.
Edit Button for List Items. To make a change to a timeslot just delete and readd. You can edit the days.
I would like to add more css animations to give it a more polish state. But this is a great start when I build one for my clients.