https://github.com/coding4deep/docker-optimizer
lets you upload Dockerfiles, inspect layered image insights, and analyze the optimization potential of your Docker images
https://github.com/coding4deep/docker-optimizer
bun devops docker docker-compose docker-image dockerfile github javascript js kubernetes nodejs npm typescript
Last synced: 7 months ago
JSON representation
lets you upload Dockerfiles, inspect layered image insights, and analyze the optimization potential of your Docker images
- Host: GitHub
- URL: https://github.com/coding4deep/docker-optimizer
- Owner: Coding4Deep
- Created: 2025-05-24T11:07:58.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-05-25T02:16:51.000Z (8 months ago)
- Last Synced: 2025-06-05T22:47:27.208Z (8 months ago)
- Topics: bun, devops, docker, docker-compose, docker-image, dockerfile, github, javascript, js, kubernetes, nodejs, npm, typescript
- Language: TypeScript
- Homepage:
- Size: 534 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Docker Insight Optimizer
---
> 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.
---
## 🧑💻 DevOps Skills Demonstrated
- 🐳 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 Stack
| Tech | Description |
|----------------|-----------------------------------|
| React | Frontend framework |
| Vite | Lightning-fast dev & build tool |
| Docker | Containerization |
| Nginx | Production web server |
| HTML/CSS/JS | UI Structure & Design |
---
## 🛠️ How to Run This Application
### 📌 Prerequisites
- Node.js (v18+)
- Docker
- (Optional) Docker Compose
---
### 🧪 Run Locally with Node
```bash
# 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:5173
```
---
### 🐳 Run with Docker
#### 1. **Build the Docker Image**
```bash
docker build -t docker-insight-optimizer .
```
#### 2. **Run the Container**
```bash
docker run -d -p 8080:80 docker-insight-optimizer
```
📍 Now visit [http://localhost:8080](http://localhost:8080)
---
### 📦 Run with Docker Compose
```bash
docker-compose up --build
```
---
## 🌟 Features
- 📤 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
---
## 📄 License
This project is licensed under the **MIT License** - see the [LICENSE](./LICENSE) file for details.
---
> 💡 _"Built to analyze Docker layers visually and learn containerization deeply."_
```