Implementation details

Code injections in the index.html

To avoid bloating index.html injections of code fragments into it (Open graph, Google analytics, Splash screen, Service worker etc.) are done via vite-plugin-html-injection Vite plugin.

The code snippets themselves are located in the ./src/utils/injections/ directory. The plugin configuration file injection-config.ts is also located there.

CSS tricks

A hack is applied in the application on large screen resolutions to prevent screen jumping when the main scrollbar appears/disappears

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%))
}