Cloud Orchestrator: Kubernetes-Powered App Management Platform

CloudNative Orchestrator is a full-stack cloud-native dashboard for managing Kubernetes applications with GitOps, FastAPI backend, and React + TypeScript frontend. It offers real-time cluster monitoring, deployment metrics, and CI/CD visibility.

🐳 Docker Image: https://hub.docker.com/repository/docker/johannes613/cloudnative-orchestrator

🔄 GitHub Actions CI/CD: Automatically builds and pushes to Docker Hub on every push to main. Workflow file: .github/workflows/docker-build.yml

---

Live Preview

Frontend: cloudnative-orchestrator.vercel.app

Demo

---

The Problem

• Low visibility: No easy way to see real-time deployment and cluster health across environments.
• Manual processes: DevOps workflows often lack automation and rollback capability.
• Complex setup: Managing GitOps manually is error-prone and time-consuming.

This app centralizes deployment visibility, CI/CD automation, and live metrics into one beautiful interface.

---

Features

1. GitOps Monitoring

• Track GitHub repositories and deployment history.
• Show deployment status: success, pending, failed.
• Average deployment time metrics.

2. Cluster Dashboard

• Live metrics for pods, nodes, and services.
• Timeline and rollback for deployments.

3. FastAPI Backend

• Handles API requests for deployments and metrics.
• Async endpoints using httpx, pydantic, and uvicorn.

4. CI/CD & Docker Integration

• GitHub Actions pipeline: auto build → test → Docker push.
• Images available on Docker Hub.

---

Tech Stack

Layer	Technologies Used
Frontend	React, TypeScript, Material UI, Lucide Icons
Backend	Python, FastAPI, Uvicorn, Pydantic
CI/CD	GitHub Actions (Docker Build & Push)
Containerization	Docker
Orchestration	Kubernetes, GitOps Principles
Monitoring	Simulated Real-Time Metrics

---

Getting Started

Frontend Setup

1. Clone the repo:

   git clone https://github.com/your-username/cloudnative-orchestrator.git
   cd cloudnative-orchestrator/frontend

2. Install dependencies:

   npm install

3. Start development server:

   npm run dev

   App will run at http://localhost:3000

Backend Setup (FastAPI)

1. Navigate to backend folder:

   cd ../backend

2. Create virtual environment:

   python -m venv venv
   source venv/bin/activate  # on Windows use: venv\Scripts\activate

3. Install requirements:

   pip install -r requirements.txt

4. Run FastAPI server:

   uvicorn main:app --reload

   Server will be running at http://localhost:8000

Example File Structure

cloudnative-orchestrator/
├── frontend/         # React + TypeScript + MUI
│   └── ...
├── backend/          # FastAPI
│   ├── main.py
│   ├── models/
│   └── routes/
├── .github/
│   └── workflows/docker-build.yml
  

---