We have chosen Electron as the technology for our application. It provides a unified codebase for all platforms, utilizing JavaScript (or TypeScript) and standard web technologies such as HTML and CSS for creating user interfaces.

Electron follows a multiprocess architecture, employing the MVC (Model-View-Controller) development pattern. It consists of two main processes:

• Main process: Based on the node.js framework, it serves as the backend of the application, handling tasks like file system operations and database queries.
• Renderer process: Similar to a web page script, it enables dynamic features such as animations and real-time interactions with the user.

Additionally, Electron facilitates easy export to desktop operating systems. While direct support for mobile platforms is not available, the Capacitor project allows for generating APK packages for Android and native packages for iOS, removing any limitations.

For data storage, we initially recommend using the SQLite database due to its high portability and efficiency. Since we don't anticipate dealing with massive amounts of data or requiring concurrent access from external users, server-based databases like PostgreSQL or MongoDB are not necessary.

The selected framework for the graphical user interface is next.js, built on React, a widely supported library known for its simplicity. Powered by Vercel, it enables rapid development of web-based graphical interfaces.

To create the application, we rely on the open-source project nextron, which seamlessly embeds a next.js-based application within the Electron environment.

Screenshots: