3
stars
0
forks
source link
node-react-cyber-essentials
The plan:
- model the cyber essentials data capture
- build a react+redux based Ux
- use socket-io for message transfer to a server-side component that can store the message stream
- provide an export into JSON
What we've covered:
- requirement capture
- anylysing the orignal questions and turning them into something we could code
- identifying the types of question
- identifying what was required and what wasn't
- introduction to javascript
- variable types
- arrays
- maps
- JSON
- introduction to typescript
- introduction to vs code
- introduction to github
- introduction to npm
- initial react implementation and theory
- HTML styling in SASS and SCSS
- scoped styling using SCSS modules
- initial redux implementation and theory
- pulled apart the initial react implementation to break it into components
- read-only version of the components based upon the read-write versions
- introduction to JEST for unit testing
- github actions to execute the JEST tests on commit/merge
- node JS server based upon express
- introduction to postman
- routing of all messages to the server
- introduction of groups to implement the concept of multiple sets of answers
- performance tuning of which messages were sent to the server
- mechanism for authenticating users/groups
- pino implemnetation for logging
- introduction to docker
- introduction to databases including SQL server and mongo db
- initial mongo db docker settings
- convert the array based storage of users into one storing them within mongo
- implementation of HTTP headers for authentication
- implementation of panel switching and the login/logout panels
- implementation of lots of HTML input types in an options panel
- refactoring the options into a slice
- refactoring of the reducers into combineReducers
- multiple copies of the options, one for the active options, one for the editing options
- reducers which use the same action
- firing the same action from multiple events