To whomever has to read this: Hello.
I am using a modified version of my Simple Boilerplate (https://github.com/Christopholemon/simple-boilerplate). There is some notes and stuff in that about the structure and set up. Not all the CSS is done from scratch, but I have reworked a fair bit of it during this assessment.
Can fake a delay to see the loading spinner rendering by appending ?delay to the url.
Sorry I didn't get it finished sooner, I've been stood down from work for almost 5 months and everything is rusty as heck. I am sure there are things I missed that are redundant and bloaty, and I'm not sure if Babel is implemented properly. So, if there is any feedback on any of this (eg. file/folder/project structure, css structure, React is evil, why didn't you use jQuery, etc), please let me know.
Do the usual npm i, then npm start. It is using webpack-dev-server so it should just load up ✨ magically ✨
Concatenating a blank space with a string gives NaN. (Aside: Don't ask me why, I would assume a blank would equal null, but it seems that blank is more like a 0 that is always an Int, so it tries to sum 0 + "string" but doesn't just return a string like normal. Because Javascript, apparently). Anyway, then when you mash everything together ( b a NaN a) and convert it toLowerCase(), it returns a happy string.
TLDR: JS is bananas