-
Notifications
You must be signed in to change notification settings - Fork 1
/
notes.txt
83 lines (59 loc) · 2.68 KB
/
notes.txt
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
generate react app
design
using
https://www.freecodecamp.org/news/create-a-react-frontend-a-node-express-backend-and-connect-them-together-c5798926047c/
by the way
generate express api
npm install in the api folder
set to different port to test in bin/www
create new api route in js in /routes
in main app.js create app.use
similar to react component
create var to get from new api route
which sends info down to app.use
npm start (in api folder)
go to port then in address type /<new api route name>
going to stop at 'fetching API with react'
maybe there's a hook foor connecting api to react app?
deploy using beanstalk
10/22/2021
React frontend, Express server, MongoDB database, Node backend
React has hooks to manage state - use reducer hook to manage state of students
get students from database using API calls from front {% endautoescape %}
frontend calls server using REST API -> server calls database using fetch?
After front end is ready, develop CRUD backend using GraphQL
implement into AWS using docker compose
1/25/2022
scratch everything - create simple frontend
working product that teachers can use
even if it's on a netlify hosting server
that I can live demo on resume
concept
6 floating bubbles of sections - use router to navigate between sections
each section has up to 50 names of students with optional grade level
pop a cicle button - pop a bubble reveal name
user populates names and are saved to local storage
app is parent of header, footer, and sections
sections is parent of bubbles and random
who can modify data.js? sections (store, load, clear names)
app set names to local storage from data.js
sections get names from local storage by selected number
bubbles get names from section
random get names from bubbles data (can random select)
random modify names in bubbles data
who can temp modify names array of section?
bubbles (...remove name, append name) and random (...remove random names)
help button will display
1. click on a section button 1-6
2. click inside the bubbles area to create a new bubbles with a names
3. click on the now red section button to save (store) the names
3. double click on a bubble to pop (remove) it
4. double click on a section button to clear all names
5. click on POPcicle button to get a random name to pop and appear
6. click on the same section button to restore all saved names
warnings notes:
1. if a section is red, its still in previous state.
If user selects another section, a warning appears to confirm losing names in current active section
2. double clicking on a section gives a warning to confirm losing names in current active section
bubble animations using matter js
https://codersblock.com/blog/javascript-physics-with-matter-js/