Blame
| 7f9170 | MB Tech | 2025-05-26 20:48:00 | 1 | # Excalidraw |
| 2 | ||||
| 1acc65 | MB Tech | 2025-07-28 01:40:18 | 3 | 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. |
| 4 | ||||
| 5 | # Setting Up Excalidraw with Docker Compose |
|||
| 6 | ||||
| 7 | ## Introduction to Excalidraw |
|||
| 8 | ||||
| 9 | 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. |
|||
| 10 | ||||
| 7f9170 | MB Tech | 2025-05-26 20:48:00 | 11 | ## Docker Compose Configuration for Excalidraw |
| 12 | ||||
| 13 | This Docker Compose setup deploys Excalidraw in a Docker container, offering an isolated environment for your sketching and collaboration needs. |
|||
| 14 | ||||
| 15 | ### Docker Compose File (`docker-compose.yml`) |
|||
| 16 | ||||
| 17 | ```yaml |
|||
| 18 | services: |
|||
| 19 | excalidraw: |
|||
| 20 | container_name: excalidraw |
|||
| 21 | image: excalidraw/excalidraw:latest |
|||
| 22 | ports: |
|||
| 23 | - "8888:80" |
|||
| 24 | restart: on-failure |
|||
| 25 | ``` |
|||
| f2c8c6 | MB Tech | 2025-05-26 21:06:07 | 26 | |
| 1acc65 | MB Tech | 2025-07-28 01:40:18 | 27 | ## Key Components of the Configuration |
| 28 | ### Service: Excalidraw |
|||
| 29 | - **Image**: `excalidraw/excalidraw:latest` is the Docker image used for Excalidraw. |
|||
| 30 | - **Ports**: |
|||
| 31 | - `8888:80` maps port 8888 on the host to port 80 in the container, where Excalidraw's web interface is accessible. |
|||
| 32 | - **Restart Policy**: `on-failure` ensures that the Excalidraw service restarts automatically in case of failure. |
|||
| f2c8c6 | MB Tech | 2025-05-26 21:06:07 | 33 | |
| 1acc65 | MB Tech | 2025-07-28 01:40:18 | 34 | ## Deploying Excalidraw |
| 35 | ||||
| 36 | 1. Save the Docker Compose configuration in a `docker-compose.yml` file. |
|||
| 37 | 2. Run `docker compose up -d` to start Excalidraw in detached mode. |
|||
| 38 | 3. Access Excalidraw by navigating to `http://<host-ip>:8888`. |
|||
| 39 | ||||
| 40 | ## Configuring and Using Excalidraw |
|||
| 41 | ||||
| 42 | After deployment, Excalidraw is ready to use through its web interface, providing a collaborative platform for sketching and diagramming. |
|||
| 43 | ||||
| 44 | ||||
| 45 | ## Youtube Video |
|||
| 46 | <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> |