Our great sponsors
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
I've used react-spring for the animations, on which I rely heavily. I know it is the most beloved animations library for React, but it didn't click for me, so I tried to look for something else. Then I realized react-spring was the best by far, which saddened me because I didn't enjoy using it! But okay, that's on me.
In this webapp I have written the narrative (I intend to add multiple ones, but, for now, I only have one). Each scene I split in two separate files: an .md one for the text and a .yaml for the metadata. The reason? I've used the YAML VS code extension to have intellisense for my data model, and VS Code doesn't allow intellisense for injected languages, such as the yaml portion of the Markdown file. If you want to know more about this, check out this GitHub thread.
The engine has its own repository, and there is another one for the webapp.
Reverting back to v8 was too painful, so I decided to patch things up myself, and ended up doing a mix of some of the solutions proposed in the GitHub thread about it. Ugly, but it got me going.
For the styling, I used react-bootstrap for the sole reason that I felt nostalgic about the good old days in which all apps seemed to use Bootstrap, and wanted to catch up with the latest version of it.