[{"data":1,"prerenderedAt":140},["ShallowReactive",2],{"\u002Fprojects\u002Fokr":3,"\u002Fprojects\u002Fokr-surround":129},{"id":4,"title":5,"body":6,"cta":114,"date":117,"description":118,"extension":71,"image":119,"meta":120,"navigation":121,"path":122,"seo":123,"stem":124,"tags":125,"url":122,"__hash__":128},"projects\u002Fprojects\u002Fokr.md","OKR App",{"type":7,"value":8,"toc":105},"minimark",[9,18,23,38,41,45,60,64,67,74,78,81,87,90,93,96,100],[10,11,12,13,17],"p",{},"Die OKR App ist ein Produkt von Studio Merkas zur strukturierten Zielarbeit nach dem OKR-Framework. Die App befindet sich aktuell in der ",[14,15,16],"strong",{},"Open Beta"," und ist für Teams jeder Größe zugänglich. Ich habe die Anwendung vollständig entwickelt, von der Datenbankarchitektur bis zur fertigen Oberfläche. Das Plugin-System, das die App erweiterbar macht, war gleichzeitig das Thema meiner Bachelorarbeit.",[19,20,22],"h2",{"id":21},"was-ist-okr","Was ist OKR?",[10,24,25,26,29,30,33,34,37],{},"OKR steht für ",[14,27,28],{},"Objectives and Key Results",", ein Framework zur Zieldefinition und Erfolgsmessung, das ursprünglich bei Intel entwickelt und später von Google popularisiert wurde. Die Idee ist einfach: Ein ",[14,31,32],{},"Objective"," beschreibt ein ambitioniertes, qualitatives Ziel. Die dazugehörigen ",[14,35,36],{},"Key Results"," machen messbar, ob dieses Ziel erreicht wurde.",[10,39,40],{},"OKRs werden typischerweise quartalsweise gesetzt und fördern Transparenz und Fokus. Jeder im Team weiß, woran gearbeitet wird und warum. Was OKR von klassischen Zielsystemen unterscheidet: die Ziele sollen bewusst ambitioniert sein. 70 % Zielerreichung gelten oft schon als Erfolg.",[19,42,44],{"id":43},"technologie","Technologie",[10,46,47,48,51,52,55,56,59],{},"Die App ist als ",[14,49,50],{},"Vue.js"," Single-Page-Application gebaut, das Backend läuft auf ",[14,53,54],{},"Node.js"," mit ",[14,57,58],{},"MongoDB"," als Datenbank. Die Architektur ist von Anfang an modular konzipiert, sowohl im Frontend als auch im Backend.",[19,61,63],{"id":62},"funktionen","Funktionen",[10,65,66],{},"Teams können Workspaces anlegen, Objectives definieren und Key Results in Echtzeit tracken. Der Fortschritt ist jederzeit auf einen Blick sichtbar, für einzelne Personen, Teams und die gesamte Organisation. Ein Leaderboard und regelmäßige Check-ins halten alle im Rhythmus.",[68,69],"device-mockup",{":float":70,":shadow":70,"size":71,"src":72,"type":73},"true","md","\u002Fprojects\u002Fokr\u002Fokr_1.png","macbook-pro",[19,75,77],{"id":76},"plugin-system-bachelorarbeit","Plugin-System – Bachelorarbeit",[10,79,80],{},"Das Plugin-System war das zentrale Thema meiner Bachelorarbeit und gleichzeitig die technisch anspruchsvollste Komponente der App.",[10,82,83,86],{},[14,84,85],{},"Wichtig:"," Das System ist konzeptionell vollständig ausgearbeitet und prototypisch umgesetzt, aktuell jedoch noch nicht in die produktive App integriert.",[10,88,89],{},"Die Kernfrage war: Wie lässt sich eine bestehende Anwendung so erweitern, dass neue Funktionen als eigenständige Module eingebunden werden können, ohne den Kern zu verändern oder neu zu deployen?",[10,91,92],{},"Die Lösung ist ein Plugin-System, das zur Laufzeit neue Module laden und in die bestehende App integrieren kann. Jedes Plugin ist als eigenständiges Vue-Modul gedacht, mit eigenem Frontend, eigenen API-Endpunkten und eigener Datenbanklogik. Der Kern der App stellt eine definierte Schnittstelle bereit, über die Plugins sich registrieren, eigene Routen einbinden und auf gemeinsame Dienste zugreifen können.",[10,94,95],{},"Das System wurde so konzipiert, dass es in der Praxis einsetzbar ist: Plugins können perspektivisch aktiviert und deaktiviert werden, ohne die laufende Anwendung zu beeinflussen. Neue Funktionen lassen sich damit schnell entwickeln und isoliert testen, bevor sie in den produktiven Betrieb überführt werden.",[19,97,99],{"id":98},"screens","Screens",[101,102],"image-slider",{":images":103,":perPage":104},"[{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_1.png\",\"subtitle\":\"Home-bereich\"},{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_2.png\",\"subtitle\":\"Team Workspace\"},{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_3.png\",\"subtitle\":\"OKR Liste\"}]","2",{"title":106,"searchDepth":107,"depth":107,"links":108},"",2,[109,110,111,112,113],{"id":21,"depth":107,"text":22},{"id":43,"depth":107,"text":44},{"id":62,"depth":107,"text":63},{"id":76,"depth":107,"text":77},{"id":98,"depth":107,"text":99},{"label":115,"to":116},"Zum Projekt","https:\u002F\u002Fwww.okr-app.com\u002F","2025-01-01","Eine Web-App zur strukturierten Zielarbeit nach dem OKR-Framework. Entwickelt bei Studio Merkas mit Workspaces, Echtzeit-Tracking und einem erweiterbaren Plugin-System, das Teams jeder Größe flexibel einsetzen können.","\u002Fprojects\u002Fokr\u002Fokr_logo.png",{},true,"\u002Fprojects\u002Fokr",{"title":5,"description":118},"projects\u002Fokr",[126,127,50,54,58],"Web App","SaaS","KgfrFefJOt5o0bEcZ1JRQmb_J_y6rshPSVL1CT0n5s4",[130,135],{"title":131,"path":132,"stem":133,"description":134,"children":-1},"Muddini's Adventure – Backend","\u002Fprojects\u002Fmuddini","projects\u002Fmuddini","Das serverseitige Fundament für Muddini's Adventure – ein Mobile Game, entwickelt für die intersoft GmbH. Das Backend verwaltet Nutzerkonten, Bestenlisten und das Streak-System, das Spieler täglich zurück ins Spaghetti-Code-Labyrinth lockt.",{"title":136,"path":137,"stem":138,"description":139,"children":-1},"Remirror - Nachhaltig einkaufen, neu gedacht","\u002Fprojects\u002Fremirror","projects\u002Fremirror","Ein UI\u002FUX-Konzept aus einem Universitätsprojekt. Remirror denkt den Point of Sale neu als interaktives Touch-Display im Laden, das Kunden beim Kauf von Kleidung nachhaltige Entscheidungen erleichtert.",1775486310171]