CMX OS 3.0 - Projekt-Dokumentation
CMX OS ist ein vollständiges Web-Betriebssystem als Portfolio-Projekt, entwickelt von Danijel Bogdanovic. Diese Dokumentation bietet eine strukturierte Übersicht über Architektur, Features und den Entwickler.
1. Projekt-Übersicht
1.1 Was ist CMX OS?
CMX OS (CreatorMediaX Operating System) ist ein universelles, modulares Betriebssystem-Layer für den Browser. Es ist keine Produktivitäts-App, kein SaaS und kein Dashboard - es ist eine Grundlage wie Linux, standardmäßig leer, wobei alle Funktionen durch installierbare Module bereitgestellt werden.
1.2 Kernphilosophie
"Das System passt sich dem Menschen an. Der Mensch passt sich nie dem System an."
1.3 Mentales Modell
Linux + LEGO + KI + Identity Layer
1.4 Haupteigenschaften
- Standardmäßig leer - keine vordefinierten Workflows
- Rollen-agnostisch und Branchen-agnostisch
- Benutzeranpassbar durch Module
- Skalierbar von Einzelnutzern bis zu Unternehmen, Städten oder Infrastruktur-Ebene
2. Technische Architektur
2.1 Frontend-Stack
- Framework: React 18 mit TypeScript
- Build-Tool: Vite
- Routing: Wouter für Client-seitiges Routing
- State Management: Zustand + TanStack React Query
- Styling: Tailwind CSS v4 mit custom Cyber-Theme
- UI-Komponenten: shadcn/ui auf Radix UI Primitiven
- Motion: Framer Motion für Animationen
- Editor: Monaco Editor für IDE-Funktionalität
2.2 Backend-Stack
- Runtime: Node.js mit Express.js
- API-Pattern: RESTful JSON API
- Datenbank: PostgreSQL mit Drizzle ORM
- Authentifizierung: Passport.js mit OAuth 2.0
- Sicherheit: RBAC (Role-Based Access Control), Audit Logging
3. Implementierte Features (Status: Dezember 2025)
3.1 Live Features (Produktionsreif)
Desktop Environment
Vollständiges Desktop-Erlebnis mit Window Manager, Taskbar, Start Menu und Drag-and-Drop-Unterstützung. Mehrere Fenster können gleichzeitig geöffnet, minimiert, maximiert und frei positioniert werden.
Workspace System
Multi-Tenant Architektur mit Owner/Admin/Editor/Viewer Rollen. Jeder Workspace hat eigene Policies, Mitgliederverwaltung und Audit Logs. Dynamische Berechtigungen pro Aktion, nicht pro Rolle.
Dev Studio v2
Integrierte Entwicklungsumgebung (IDE) mit Monaco Editor, visuellem UI Builder, Flow Engine für Automatisierung und Module Scaffolding für schnelle Modul-Erstellung.
Safe Module Runtime
Sandboxed Execution Environment mit 13 sicheren Aktionstypen. Module werden in isolierter Umgebung ausgeführt ohne direkten Code-Zugriff auf das Hauptsystem. Capability Bridge für kontrollierte Systeminteraktion. Flow DSL für deklarative Automatisierung.
3.2 Beta Features (In Entwicklung)
CMax AI Assistant
Workspace-kontextuelle KI mit Proposal-basierter Ausführung. Jede KI-Aktion generiert ein Proposal mit Risk Level (low, medium, high). Benutzer müssen Proposals akzeptieren bevor Änderungen ausgeführt werden. Rollback-Fähigkeit für alle KI-Aktionen.
Support System
Dual-Layer Support-Architektur mit Ticket-System. CMX Staff können temporären Workspace-Zugang für Support-Zwecke erhalten. Staff Portal für interne Verwaltung und Support-Koordination.
4. Kernprinzipien der Architektur
4.1 Keine hardcodierten Benutzerrollen
Traditionelle Systeme definieren Rollen wie "Admin", "User", "Editor" mit festen Berechtigungen. CMX OS verwendet stattdessen dynamische Berechtigungen pro Aktion. Ein Benutzer kann für eine Aktion Admin-Rechte haben und für eine andere nur Viewer-Rechte, alles innerhalb desselben Workspaces.
4.2 Keine festen Use-Cases
Das System ist absichtlich leer. Es gibt keine vorgefertigten Dashboards, keine Standardmodule, keine angenommenen Workflows. Alles wird durch den Benutzer oder Administrator konfiguriert und durch Module hinzugefügt.
4.3 Vollständige Modularität
Jede Funktionalität ist ein Modul. Module können installiert, aktualisiert und entfernt werden. Es gibt keine Kernfunktionalität außer der Modulverwaltung selbst. Selbst UI-Elemente wie das Start Menu sind technisch Module.
4.4 Universelle Skalierung
Derselbe Core funktioniert für:
- Privatnutzer mit persönlichen Workspaces
- Kleine Teams mit geteilten Workspaces
- Unternehmen mit Abteilungs-Workspaces und Hierarchie
- Städte oder Infrastruktur-Projekte mit komplexen Berechtigungsstrukturen
5. Entwicklungs-Timeline
5.1 Q4 2025 - Foundation (Abgeschlossen)
Core-Architektur etabliert. Desktop-Experience mit Window Manager implementiert. Basis-Komponenten wie Taskbar, Start Menu und System Tray funktionsfähig.
5.2 Q1 2026 - Workspaces und Identity (Abgeschlossen)
Multi-Tenant Workspace-System mit vollständigem RBAC. Dynamische Berechtigungen implementiert. Audit-Trail für alle Aktionen. Mitgliederverwaltung und Workspace-Policies.
5.3 Q1 2026 - Dev Studio v2 und Module Runtime (Aktuell)
Integrierte IDE mit Monaco Editor. Flow DSL Engine für Automatisierung. Safe Module Sandbox für sichere Modul-Ausführung. UI Builder für visuelle Entwicklung.
5.4 Q2 2026 - CMax AI und Staff Layer (Geplant)
Vollständige AI-Integration mit Proposal-System. Support-Infrastruktur mit Ticket-System und Staff Portal. CMX Staff können temporär Workspace-Zugang für Support erhalten.
5.5 Q3 2026 - Module Marketplace (Geplant)
CMX Store für öffentliche und private Module. Community-Modul-System mit Bewertungen und Reviews. Enterprise Module Distribution für geschlossene Unternehmens-Module.
6. Über den Entwickler
6.1 Danijel Bogdanovic
Full-Stack Developer und IT-Enthusiast aus München. Quereinsteiger mit Hintergrund im Einzelhandel und Laborinformationssystemen.
6.2 Beruflicher Hintergrund
- 5+ Jahre Erfahrung mit IT und Laborinformationssystemen
- 14+ Jahre Berufserfahrung insgesamt
- 3+ Jahre private IT-Projekte und Homelab-Betrieb
6.3 Technische Kompetenzen
Infrastructure
- Linux Server (Debian, Ubuntu)
- Proxmox Virtualisierung
- Docker Container
- Cloud Gaming Server
Development
- Full-Stack Web Development
- Python Automatisierung
- HTML, CSS, TypeScript
- React, Node.js
Systeme und Daten
- Laborinformationssysteme (LIS)
- CRM und Datenmanagement
- Monitoring und Troubleshooting
Business
- Kundenberatung
- Teamleitung
- Vertrieb
- Schnittstellenmanagement
6.4 Zertifizierungen
- Google Technical Support Fundamentals - Google Career Certificates via Coursera (Dezember 2025)
7. Kontaktinformationen
Für Anfragen bezüglich des Projekts, Zusammenarbeit oder des vollständigen Lebenslaufs:
- Website: creatormediax.de
- LinkedIn: linkedin.com/in/danijel-bogdanovic-570065372
- E-Mail: Über das Kontaktformular auf der Website
8. Technische Dokumentation - Zusammenfassung
8.1 Hauptdateien und Struktur
client/
src/
components/ - UI-Komponenten (shadcn/ui)
pages/ - Seiten-Komponenten
lib/ - Utilities und Konfiguration
server/
routes.ts - API-Endpunkte
storage.ts - Datenbank-Layer
shared/
schema.ts - Datenmodelle (Drizzle ORM)
8.2 Haupttechnologien mit Versionen
- React 18.x
- TypeScript 5.x
- Vite 7.x
- Tailwind CSS 4.x
- Express.js 4.x
- PostgreSQL 16
- Drizzle ORM
9. Live Demo
Eine voll funktionsfähige Demo von CMX OS ist verfügbar unter:
- Demo: cmxos.replit.app
- Landing Page: creatormediax.de