✨ DockVitals+

-After completing my RHCSA certification, I became deeply curious about Docker that how containers truly work behind the scenes, how to monitor them, and how industries manage performance at scale.

-That curiosity led to the creation of DockVitals+, a real-time Docker monitoring dashboard that blends backend analytics with a clean, modern frontend interface.

💡 Why I Built This

-After RHCSA, I wanted to explore real-world use cases of Docker beyond container deployment.

-I realized there weren’t many lightweight tools made by students that visually explain what’s happening inside containers.

-So, I built DockVitals+ to bridge that gap,combining monitoring, visualization, and learning.

⚙️What Industry Problem It Solves

-Many developers run containers but lack visibility into CPU, memory, and uptime metrics in an easy-to-read format.

-Traditional tools like docker stats give raw data,not insights.

-DockVitals+ solves this by offering a beautiful, real-time dashboard to visualize container health instantly.

✨ Features

-Real-time Docker Metrics: Tracks CPU %, memory usage, and uptime per container.

-Color-coded Health Bars: Green, yellow, and red indicators for quick system health checks.

-FastAPI Backend: Lightweight and efficient container data API.

-React Frontend: Clean UI with live refresh every 5 seconds.

🛠 Tech Stack

-Frontend: React.js, Axios, React Icons, React Tooltip

-Backend: FastAPI, Docker SDK for Python

-Styling: CSS, Animations

-Platform: Docker Engine (Docker Desktop)

⚙️ Working of the Project

-The FastAPI backend connects to your local Docker Engine using the Docker SDK.

-It fetches container stats like CPU usage, memory, and uptime through Docker’s API.

-The React frontend makes an API call every few seconds to /containers.

-These metrics are visualized as color-coded progress bars, updating in real time to reflect container performance.

🧩 How to Run It Locally

-Clone the Repository -git clone https://github.com/Shriya-23/DockVitals-.git
-cd DockVitalsPlus

-Run the Backend -cd backend -pip install -r requirements.txt -uvicorn main:app --reload

-Run the Frontend -cd ../frontend -npm install -npm start

💼 About Me

Hi! I'm Shriya Sharma — A Computer Science student passionate about building practical and impactful tech solutions.

I love transforming ideas into simple, meaningful tools that bridge the gap between technology and real-world problems.

🌱 Always learning. Always building. Always curious.