{"id":51017400,"url":"https://github.com/gaurav-kispotta/dockerdeck-ui","last_synced_at":"2026-06-21T12:30:47.823Z","repository":{"id":356810540,"uuid":"866409379","full_name":"gaurav-kispotta/dockerdeck-ui","owner":"gaurav-kispotta","description":"DockerDeck is a powerful web-based tool that helps developers, DevOps engineers, and system architects visualize Docker Compose configurations as interactive diagrams. Upload your docker-compose.yml files and instantly see your container architecture, service dependencies, networks, and volumes in a clear, organized visual format.","archived":false,"fork":false,"pushed_at":"2026-05-09T21:07:18.000Z","size":1191,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-09T22:26:43.921Z","etag":null,"topics":["docker","docker-compose","visualization"],"latest_commit_sha":null,"homepage":"https://docker-deck.web.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gaurav-kispotta.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES_SUMMARY.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-10-02T07:54:56.000Z","updated_at":"2026-05-04T10:02:47.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/gaurav-kispotta/dockerdeck-ui","commit_stats":null,"previous_names":["gaurav-kispotta/dockerdeck-ui"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/gaurav-kispotta/dockerdeck-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaurav-kispotta%2Fdockerdeck-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaurav-kispotta%2Fdockerdeck-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaurav-kispotta%2Fdockerdeck-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaurav-kispotta%2Fdockerdeck-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaurav-kispotta","download_url":"https://codeload.github.com/gaurav-kispotta/dockerdeck-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaurav-kispotta%2Fdockerdeck-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34610826,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-21T02:00:05.568Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","visualization"],"created_at":"2026-06-21T12:30:46.996Z","updated_at":"2026-06-21T12:30:47.810Z","avatar_url":"https://github.com/gaurav-kispotta.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DockerDeck - Docker Compose Visualizer 🐳\n\n[![Deploy Status](https://img.shields.io/badge/Deploy-Firebase-orange)](https://docker-deck.web.app/)\n[![Version](https://img.shields.io/badge/Version-0.0.8-blue)](https://github.com/gaurav-kispotta/dockerdeck-ui)\n[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue)](https://www.typescriptlang.org/)\n[![React](https://img.shields.io/badge/React-18.3-blue)](https://reactjs.org/)\n\n\u003e **Transform your Docker Compose files into beautiful, interactive visual diagrams**\n\nDockerDeck is a powerful web-based tool that helps developers, DevOps engineers, and system architects visualize Docker Compose configurations as interactive diagrams. Upload your `docker-compose.yml` files and instantly see your container architecture, service dependencies, networks, and volumes in a clear, organized visual format.\n\n## 🌟 Features\n\n- **📁 File Upload**: Drag and drop your `docker-compose.yml` files\n- **🎨 Interactive Visualization**: See your containers, services, networks, and volumes as connected nodes\n- **🔍 Dependency Mapping**: Understand service relationships and dependencies at a glance\n- **🌐 Network Visualization**: Visualize Docker networks and how services connect\n- **💾 Volume Mapping**: See volume mounts and data persistence patterns\n- **🌙 Dark/Light Themes**: Choose your preferred viewing mode\n- **📱 Responsive Design**: Works on desktop, tablet, and mobile devices\n- **⚡ Real-time Processing**: Instant visualization as you upload files\n- **🔧 AST Analysis**: Deep dive into the parsed structure of your Docker Compose files\n- **📊 Redux State Management**: Robust state management for complex visualizations\n\n## 🚀 Live Demo\n\nVisit [docker-deck.web.app](https://docker-deck.web.app/) to try DockerDeck now!\n\n## 🛠️ Technology Stack\n\n- **Frontend**: React 18.3 + TypeScript\n- **State Management**: Redux Toolkit\n- **Visualization**: React Flow (xyFlow)\n- **Styling**: Tailwind CSS + Ant Design\n- **Build Tool**: Vite\n- **Deployment**: Firebase Hosting\n- **Testing**: Vitest\n- **Code Editor**: Monaco Editor (VS Code editor in browser)\n\n## 🎯 Use Cases\n\n- **DevOps Teams**: Understand complex multi-container applications\n- **Developers**: Visualize microservices architecture\n- **System Architects**: Plan and document container orchestration\n- **Education**: Learn Docker Compose through visual representation\n- **Documentation**: Generate visual documentation for Docker projects\n- **Debugging**: Identify configuration issues and dependencies\n\n## 🏁 Getting Started\n\n### Prerequisites\n\n- Node.js 18+ \n- npm or yarn\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/gaurav-kispotta/dockerdeck-ui.git\n\n# Navigate to project directory\ncd dockerdeck-ui\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\n### Building for Production\n\n```bash\n# Build the project\nnpm run build\n\n# Preview production build\nnpm run preview\n```\n\n### Deployment\n\n```bash\n# Deploy to Firebase\nnpm run firebase:deploy\n```\n\n## 📖 How It Works\n\n1. **Upload**: Drag and drop your `docker-compose.yml` file\n2. **Parse**: DockerDeck parses the YAML and creates an Abstract Syntax Tree (AST)\n3. **Visualize**: The AST is transformed into an interactive node-based diagram\n4. **Explore**: Click on nodes to see details, zoom, pan, and explore your architecture\n\n## 🧪 Testing\n\n```bash\n# Run tests\nnpm run test\n\n# Run tests in watch mode\nnpm run test:watch\n```\n\n## 🤝 Contributing\n\nWe welcome contributions! Please see our contributing guidelines for details.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🔗 Links\n\n- **Live Application**: [docker-deck.web.app](https://docker-deck.web.app/)\n- **Repository**: [GitHub](https://github.com/gaurav-kispotta/dockerdeck-ui)\n- **Issues**: [Report Issues](https://github.com/gaurav-kispotta/dockerdeck-ui/issues)\n\n## 📊 Project Status\n\nDockerDeck is actively maintained and continuously improved. Current version: **0.0.8**\n\n---\n\n**Made with ❤️ for the Docker and DevOps community**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaurav-kispotta%2Fdockerdeck-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaurav-kispotta%2Fdockerdeck-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaurav-kispotta%2Fdockerdeck-ui/lists"}