Docker Compose Manager Web UI

• 

  Main view

Inspiration

Managing local Docker Compose projects can be tedious, especially when juggling multiple services, logs, and ports using just the CLI. We wanted a simple, user-friendly interface to visualize and control local containers – all without complex setup or heavy third-party tools.

What it does

Docker Compose Manager is a browser-based app that lets you: View all local Compose projects and containers Instantly see their status (running, stopped, or error) Start, stop, restart, or remove containers View detailed info like exposed ports, logs, and environment variables Import new Compose setups using a docker-compose.yml file Toggle between light and dark mode for better UX It connects directly to your local Docker engine using the Docker Remote API on port 2375 – no additional services required.

How we built it

We developed Compose Manager as a web frontend using: React for the UI Tailwind CSS for styling and theme support (including dark mode) Docker SDK / REST API (2375) to interact with the local Docker daemon The app communicates with Docker over HTTP, fetching real-time container and Compose data and triggering actions like start, stop, and remove.

Challenges we ran into

Handling various container states and mapping them clearly in the UI Ensuring stable and secure communication with the Docker Remote API Parsing and displaying logs in a readable and performant way Managing multiple Compose stacks and dynamically updating the frontend

Accomplishments that we're proud of

Built a demo of functional Docker management UI in the browser (working on localhost) Achieved seamless interaction with the Docker API by our own proxy Designed a clean and responsive interface with dark mode Made container management more intuitive, especially for developers who prefer visuals over CLI

What we learned

How to work directly with the Docker Remote API Structuring real-time data flow in a web-based container manager Handling asynchronous actions like container state changes and log streaming

What's next for Docker Compose Manager Web UI

Authentication & security for safe API access (user accounts) Docker Compose validation as well as images downloading Volume/network visualization Multi-host support via remote Docker engines

Built With

• bolt.new
• docker
• react
• typescript