€500 | Create a minimal Canvas UI client application (electron)

[idncsk]

Update of the ticket in progress

Electron app Modules:

• Tray ( We should start implemeting the tray app frst)
• Toolbox
• Canvas

on start should check if a server config is present, if not it should ask to

• Connect to a local or remote canvas-server OR
• ~Run a local canvas-server in-process (here we'd just initialize the Canvas and Context interface classes) - this may be tricky because of native modules OR~
• Run a local canvas-server via nodejs/pm2 (install script for ubuntu already done and working, user needs to have nodejs 20 installed) socket.io or rest, socket.io is probably more responsive
• Run a local canvas-server as a docker "role" (docker-compose + Dockerfile already done and working)

Internals

• Figure out the user setup/env variables (env.js)
• Role manager because it has to be able to run the canvas-server in docker, so initialized early with configs + data paths mounted from the correct locations

Tray app sessionid:[/current/context/url] ---- Context -> context tree, on click/select you call context.set Sessions -> List of sessions, on select you call session.set ---- Server -> Start/stop/restart/status or connect/disconnect/status Roles -> Dockerode ---- Settings -> Use the electron open() facility to open the user config folder About -> use electrons aboutPanel ---- Exit

[BigHouse0405]

Hello, could you assign to me this issue? Actually, I'm really bored.

[idncsk]

Hello, I hope I can get the description ready within the next couple of days, what stack would you use? Have you worked on a electron project before? (did not see anything related to electron in your git profile)

[BigHouse0405]

I apologize for the oversight. I am an Full stack developer and do not have a electron information in my GitHub profile. but I can definitely help you create a minimal Canvas UI client application using Electron. For this project, we can use the following stack:

• Electron for building the desktop application
• HTML/CSS for the user interface
• JavaScript for the application logic Here's a high-level outline of what the application could include:
  1. A simple canvas where users can draw shapes or create illustrations
  2. Basic tools such as drawing tools (pen, eraser, shapes), color picker, and brush size selector
  3. Ability to save and export the canvas as an image
  4. Options to clear the canvas or undo/redo actions Let me know if you need further guidance on how to proceed with this project.

[BigHouse0405]

?

[BigHouse0405]

Hello, @idncsk , how are you doing today?