Building a Fusion Arch

This project aims to bring together everything I've tried and tested over the last few years. You can always check my progress on Github.

For now, I want to focus on the technology, and later I will go much deeper into use cases, personas, pain points and so on, basically using a lot of tools that I've encountered during my 3 years of being a professional Product Manager

My language of choice is still JavaScript, although I have also experimented with Python to test Lang-chain and HF Transformer. I still feel at home in JS, so why would I change that?

I use Node.js and Express as a basic setup with no fancy settings.

The pages are pre-rendered on the server side, i.e. I render the basic HTML structure and populate it on the client with data from my API gateway (more on this later). The main reason for this is to keep the versioning consistent with the package.json file and apply it to CSS files for new roll-outs in the future, which worked very well in all my past projects that I've operated.

At the client side I have played around a lot with custom elements which seem to do the job perfectly for me, If I use them without the Shadow-DOM, because there the implementation of CSS structure is a disaster. The main advantage for me here is the nice usage of classes to aim for a lean architecture and of course the encasulation of elements. I've also tested the Lit Framework which is kind of OK but at the first test I got my DOM structure cluttered with empty remark tags like '<!---------' and I know that this will drive me insane during the project. So besides the custom element API I use no further Framework at the moment, which can definitely change in the future if the arc survives.

For CSS I use a bootstrap.min.css as a basis and build my own base upon that for all grid/flex elements, which I also will go into more details later.

So join me on the way, building this application from scratch...