Commit 1402a1
2025-05-14 14:07:54 MB Tech: added Excalidraw| /dev/null .. docker containers/excalidraw.md | |
| @@ 0,0 1,49 @@ | |
| + | # Excalidraw |
| + | |
| + | description: Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel. It's designed to be simple, intuitive, and to allow rapid collaboration. |
| + | |
| + | # Setting Up Excalidraw with Docker Compose |
| + | |
| + | ## Introduction to Excalidraw |
| + | |
| + | Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel. It's designed to be simple, intuitive, and to allow rapid collaboration. |
| + | |
| + | ## Docker Compose Configuration for Excalidraw |
| + | |
| + | This Docker Compose setup deploys Excalidraw in a Docker container, offering an isolated environment for your sketching and collaboration needs. |
| + | |
| + | ### Docker Compose File (`docker-compose.yml`) |
| + | |
| + | ```yaml |
| + | services: |
| + | excalidraw: |
| + | container_name: excalidraw |
| + | image: excalidraw/excalidraw:latest |
| + | ports: |
| + | - "3030:80" |
| + | restart: on-failure |
| + | ``` |
| + | |
| + | ## Key Components of the Configuration |
| + | ### Service: Excalidraw |
| + | - **Image**: `excalidraw/excalidraw:latest` is the Docker image used for Excalidraw. |
| + | - **Ports**: |
| + | - `3030:80` maps port 3030 on the host to port 80 in the container, where Excalidraw's web interface is accessible. |
| + | - **Restart Policy**: `on-failure` ensures that the Excalidraw service restarts automatically in case of failure. |
| + | |
| + | ## Deploying Excalidraw |
| + | |
| + | 1. Save the Docker Compose configuration in a `docker-compose.yml` file. |
| + | 2. Run `docker compose up -d` to start Excalidraw in detached mode. |
| + | 3. Access Excalidraw by navigating to `http://<host-ip>:3030`. |
| + | |
| + | ## Configuring and Using Excalidraw |
| + | |
| + | After deployment, Excalidraw is ready to use through its web interface, providing a collaborative platform for sketching and diagramming. |
| + | |
| + | |
| + | ## Youtube Video |
| + | <iframe width="560" height="315" src="https://www.youtube.com/embed/ha2E4E5baYk?si=DQYFsRrcfD-1hUeH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> |
| + | --- |
| + | |
| + | If there is an issue with this guide or you wish to suggest changes, please raise an issue. |