BREIF documentation of project frontend structure
<aside> 💡 Use table of contents to traverese or search document: cmd / ctrl + P
</aside>
Table of Contents
We are using electron.js to develop GUI of our app. node.js is used to glue backend and implementing web workers. The app has user preferences database for dark mode, app intro, etc and dexie.js database for pattern database. Complete frontend code is located in Patternscape_GUI folder of the project.
Node app file, it include basic app configuration, repository, version, license, build configuration, installation commands and much more.
File to start main process of any electron app, it include main window configuration, node Integration, events code and some boilerplates.
Renderer process file, it consist code to launch every child window of app, platform specific launch events dark theme switch and more.
These file consist of process and event which need to triggered when main window is ready to show content, it include splash screen, window control button according to platform, system theme detection etc.
Both these file are basic structure for child files. Each tab and task has its own respective file for html and style or JavaScript if needed, explained more in later points.