Uploaded February 2024 | Updated September 2026, 2 weeks ago

---

#miniPaint #ImageEditor #Docker

Full steps can be found at i12bretro.github.io/tutorials/0896.html

--------------------------------------------------------------------
What is miniPaint?
--------------------------------------------------------------------
[miniPaint is an] online image editor lets you create, edit images using HTML5 technologies. No need to buy, download, install or have obsolete flash. No ads. Key features: layers, filters, HTML5, open source, Photoshop alternative.
miniPaint operates directly in the browser. You can create images, paste from the clipboard (ctrl+v) or upload from the computer (using menu or drag & drop). Nothing will be sent to any server. Everything stays in your browser. - github.com/viliusle/miniPaint
 
--------------------------------------------------------------------
Installing Docker
--------------------------------------------------------------------
   01. Log into the Linux based device
   02. Run the following commands in the terminal
         # install prerequisites
         sudo apt install apt-transport-https ca-certificates git curl software-properties-common gnupg-agent -y
         # add docker gpg key
         curl -fsSL download.docker.com/linux/$(awk -F'=' '/^ID=/{ print $NF }' /etc/os-release)/gpg | sudo apt-key add -
         # add docker software repository
         sudo add-apt-repository "deb [arch=$(dpkg --print-architecture)] download.docker.com/linux/$(awk -F'=' '/^ID=/{ print $NF }' /etc/os-release) $(lsb_release -cs) stable"
         # install docker
         sudo apt install docker-ce docker-compose containerd.io -y
         # enable and start docker service
         sudo systemctl enable docker && sudo systemctl start docker
         # add the current user to the docker group
         sudo usermod -aG docker $USER
         # reauthenticate for the new group membership to take effect
         su - $USER
 
--------------------------------------------------------------------
Running miniPaint
--------------------------------------------------------------------
   01. Now that Docker is installed, run the following commands to setup the miniPaint Docker container and run it
         # increase fs.inotify.max_user_watches
         echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf
         # reload and verify the change
         sudo sysctl -p
         # create working directory
         mkdir ~/docker/miniPaint -p
         # clone source code from github
         git clone github.com/viliusle/miniPaint.git ~/docker/miniPaint
         # change directory
         cd ~/docker/miniPaint
         # checkout the latest tagged release
         git checkout "$(git tag --sort=v:refname | tail -n1)"
         # edit webpack.config.js
         sudo nano webpack.config.js
   02. Scroll to the bottom of the file and locate devServer, then add the following line inside the devServer block
         allowedHosts: "all",
   03. Press CTRL+O, Enter, CTRL+X to write the changes and exit
   04. Continue with the following commands in the terminal
         # create a dockerfile
         sudo nano ./Dockerfile
   05. Paste the following into Dockerfile
         FROM node:16-alpine
         WORKDIR /usr/src/app
         COPY package*.json ./
         RUN npm i
         COPY . .
         EXPOSE 8080
         CMD ["npm", "run", "server"]
   06. Press CTRL+O, Enter, CTRL+X to write the changes and exit
   07. Continue with the following commands in the terminal
         # build the minipaint image
         docker build -t local/minipaint .
         # run minipaint container
         docker run -d --name=minipaint -p 8080:8080 --restart=unless-stopped local/minipaint
   08. Open a web browser and navigate to http://DNSorIP:8080
   09. Welcome to miniPaint running in Docker
 
Source:  github.com/viliusle/miniPaint/wiki/Docker
 


### Connect with me and others ###
★ Discord: discord.com/invite/EzenvmSHW8
★ Reddit: reddit.com/r/i12bretro
★ Twitter: twitter.com/i12bretro