crudite/plan.js at master · jmichelin/crudite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
// Project Goals

/*

CrUD


Accept Data - form, event listener, function to accept form data, input validation, different types
of input, buttons

Store Data - accept validated form data and write to local storage

Retrieve Data - button, function to grab storage, function to update display

Update Data - (probably leave this to you)

Delete Data - remove data from local storage


MVP - A form with two fields, two buttons (one to get, one to set), able to get and set data in local
 storage via the form. Basic UX and Basic CSS

 √ 1. Create a form

 √ 2. Add Event listener(s)

 √ 3. Learn about local storage
  √ 3a. setting storage values
  √ 3b. get storage values
  √ 3c. delete storage values

 √ 4. implement basic write to local storage (hard code)

 √ 5. implement basic read from local storage

√ 6. make read/write dynamic (attached to form events)
√ 6a. update data
√ 6b. delete data

√ 7. Basic CSS
√  7a. layout
√  7b. form styling aka borders, colors, shapes

 8. UX -
  8a. Input Confirmation/Validation
 √ 8b. placeholders/labels
  8c. replace content input type with textarea


 MVP+
  - Ability to filter list (live?) via text
  - Toaster Messages - Input confirmation/success/fail message
  - Manage Local storage data based on purpose/intent
  - Rebuild Google Assistant
  - Different Users

*/