An interactive demo visualising Fabriq architecture.
A number of Archetypes can be configured which can alter the looping video displayed, and change the story within each modules' tooltip.
The source can be found within ./data/archetypes.yml
. The source should always be changed within YAML, then converted to JSON by running yarn run content
. The start command will also trigger this conversion.
Note: Once integrated into the larger Fabriq demo, we may well choose to just host the JSON as the source, and continue to update the archetypes from within this repo, then send over the new file.
- json and mp4 files are likely to change. These will be sent across manually for integration in future.
- Migrate the code in
App.js
into a new component,SplashPage
or similar. - Add types (apologies, I favoured speed to develop this)
- Implement the soft redirects to relevant apps, marked with
todo
inApp.js
- Add new dependencdies to package.json (probably just react-draggable and lodash-es)
- Interaction areas are currently quite large, so tooltips open quite a lot when dragging around. These bounds are configured in the yml/json, so will be reduced in size. I will probably add clear 'trigger markers' in the actual design, then target them specifically.