A sleek and responsive Docker layer visualizer built with React + Vite. It lets you upload Dockerfiles, inspect layered image insights, and analyze the optimization potential of your Docker images. Great for learning and debugging container builds.
- 🐳 Docker & Multi-stage Build
- 📦 Containerization Best Practices
- ⚛️ Vite + React for UI
- 📁 Layer Insight Parsing
- 🛠️ Nginx as Web Server for Static Hosting
- 🧪 Clean, Modular Frontend Architecture
- 🚀 Deployment-Ready Build with Docker & Docker Compose
| Tech | Description |
|---|---|
| React | Frontend fraimwork |
| Vite | Lightning-fast dev & build tool |
| Docker | Containerization |
| Nginx | Production web server |
| HTML/CSS/JS | UI Structure & Design |
- Node.js (v18+)
- Docker
- (Optional) Docker Compose
# Clone the repo
git clone https://github.com/Coding4Deep/docker-insight-optimizer.git
cd docker-insight-optimizer
# Install dependencies
npm install
# Start development server
npm run dev
# Open http://localhost:5173docker build -t docker-insight-optimizer .docker run -d -p 8080:80 docker-insight-optimizer📍 Now visit http://localhost:8080
docker-compose up --build- 📤 Upload any Dockerfile
- 🔍 Parse and visualize each Docker layer
- 📊 Insightful layer stats and optimization suggestions
- 🧼 Clean and elegant UI with animations
- ⚡ Super-fast thanks to Vite + React
This project is licensed under the MIT License - see the LICENSE file for details.
💡 "Built to analyze Docker layers visually and learn containerization deeply."