OpenTeams

Herausforderung

Der CTO von OpenTeams wandte sich an das Redwerk-Team mit der Idee einer LinkedIn-ähnlichen Website, um Open-Source-Beiträge verschiedenster Art, einschließlich nicht-codebezogener Beiträge, zu würdigen.

Ein Teil des Codes war bereits für das Projekt geschrieben, jedoch eher rudimentär und deckte nur begrenzte Funktionalitäten ab. Wir mussten auch eine Refaktorisierung des bestehenden Codes durchführen.

Das herausfordernde daran war, dass OpenTeams eine Vision für die Plattform hatte, jedoch klare Spezifikationen fehlten.

Daher einigten wir uns darauf, mit folgendem zu beginnen:

• Code-Refaktorisierung
• Vorbereitung der Continuous Integration (CI) für den Entwicklungs- und Bereitstellungsprozess
• Unterstützung beim Grafikdesign zur Verbesserung des aktuellen Erscheinungsbildes des Projekts

Eine weitere Herausforderung bestand darin, die Möglichkeit zu schaffen, nicht registrierte Benutzer einzubeziehen. Wenn bestehende Benutzer einen Beitrag beanspruchen, jemanden nominieren oder einem nicht registrierten Beitragenden Dank aussprechen möchten, müssen sie lediglich die E-Mail-Adresse des nicht registrierten Benutzers angeben. Der nicht registrierte Benutzer erhält ein Angebot zur Anmeldung und Erstellung eines Projekts mithilfe eines einzigartigen Tokens, der das neu erstellte Konto mit dem erwähnten Projekt verbindet, sobald die Registrierung abgeschlossen ist. Diese Art von Funktionalität erforderte eine recht komplexe Logik in der Implementierung.

Lösung

Unser Team führte eine vollständige Code-Refaktorisierung durch, richtete den CI/CD-Prozess ein und schlug neue Technologien vor, darunter ein Bundle aus Vue.js + Nuxt.js für das Frontend, das uns ermöglicht, Seiten schnell zu rendern und die Indexierung für SEO-Aufgaben maximal zu beschleunigen. Wir starteten mit der Refaktorisierung sowohl für das Backend als auch das Frontend und dem Redesign.

Wir hatten zuvor Refaktorisierungslösungen bereitgestellt und daher genügend Expertise, um das Projekt zu bewältigen. Beginnend mit einem Redesign-Vorschlag, führten wir Recherchen durch, wie dieses Netzwerk, das als LinkedIn für Open-Source-Beitragsleister fungieren sollte, funktionieren sollte und welche neuen Präsentations- und Interaktionsmöglichkeiten machbar sind. Unsere Vorschläge wurden gut aufgenommen, und so fand OpenTeams seine neue visuelle Darstellung.

OpenTeams hat seinen Sitz in Austin, Texas, daher wurden alle Prozesse und die Kommunikation remote durchgeführt. Wir entwickelten eine produktive Interaktion, sodass wir gemeinsam zu einem kreativen Prozess der Planung, Gestaltung, Entwicklung und Prüfung neuer Änderungen beitrugen. Unsere nahtlose Kommunikation ermöglichte es uns, wöchentliche Produktionsupdates bereitzustellen. Und fast jedes Mal waren die Updates recht bedeutend, wie das Hinzufügen neuer Funktionen oder Features.

Entwicklung

Wir begannen, die Plattform nahezu von Grund auf neu zu entwickeln und deckten den gesamten Entwicklungszyklus ab. Mit einem vollständigen Redesign und einer robusten Code-Refaktorisierung baute unser Team die Grundlage für ein stabiles, aktuelles System.

Zu den wichtigsten Produktfunktionen, die wir implementiert haben, gehören:

• Beitragsansprüche – Eine Funktion, die es ermöglicht, einen Beitrag jeglicher Art zu einem Open-Source-Projekt darzustellen. Wir machten es auch möglich, Beiträge zu Projekten hinzuzufügen, die noch nicht auf der OpenTeams-Plattform hinzugefügt wurden, und bieten den Nutzern somit unbegrenzte Auswahlmöglichkeiten.
• Nominierungen – Eine Funktion, die vorschlägt, dass Benutzer sich gegenseitig für Open-Source-Beiträge nominieren.
• Diskussionen – Geben Benutzern die Möglichkeit, ein Thema zu einer neuen Feature-Idee oder einem Usability-Bedenken innerhalb eines bestimmten Open-Source-Projekts anzusprechen. Die verschachtelte Struktur ermöglicht es, Kommentare zum Diskussionsthema oder Antworten auf einen bestimmten Kommentar in einem Thread zu posten.
• Initiativen – Geeignet für Benutzer, die unterschiedliche Arten von Vorschlägen in Bezug auf ihre Projekte oder Organisationen haben und die finanzierbare Bemühungen zur Umsetzung finden möchten. Der multifunktionale Editor zum Hinzufügen einer Initiative ermöglicht nicht nur die Textformatierung, sondern auch das Hinzufügen von Umfrageanmerkungen zur Beschreibung, die Benutzer zur Interaktion mit dem Text anregen.
• Benachrichtigungen – Entwickelt, um Benutzer zu engagieren und zu interessieren, mehr Zeit auf der Plattform zu verbringen. Diese Funktion wird mithilfe von WebSockets aufgebaut; ein Benutzer wird somit sofort über die Ereignisse informiert, die sein Profil betreffen. Zu diesen Ereignissen gehören neue Follower, Statusaktualisierungen von Beitragsansprüchen (erhalten, unterstützt, abgelehnt), das Erhalten einer Nominierung, Diskussionsaktualisierungen, Einladungen zur Mitgliedschaft in einer Organisation.
• News Feed – Bisher unser persönlicher Favorit unter den vorgestellten Features. Im Stil eines Feeds gestaltet, ähnlich wie Benachrichtigungen, sind die Nachrichten eines Benutzers eine Sammlung von Updates zu seinen verwalteten Projekten und Organisationen. Wann immer das Projekt eines Benutzers einen Beitrag oder Nutzungsanspruch erhält – wird der Feed mit dem entsprechenden Ereignis aktualisiert. Es ist einfach, den Feed anzupassen, da es einen Filter dafür gibt. Wir haben auch die Möglichkeit hinzugefügt, persönliche Beiträge direkt aus der News Feed-Ansicht hinzuzufügen und die Beiträge der gefolgten Benutzer zu sehen.

Design

Redwerk wurde das Designkonzept des Projekts anvertraut, und wir sorgten dafür, erste Recherchen zu Plattformen mit ähnlichen Ideen und Zielen durchzuführen. Mit unserer Expertise und unserem Verständnis für die Bedürfnisse der Benutzer und moderne Trends zielten wir darauf ab, ein benutzerfreundliches, intuitives Design ohne unnötige Komplexitäten zu implementieren. Mit der Blockstruktur und wiederverwendbaren Komponenten legten wir die Grundlage nicht nur für die aktuellen Bedürfnisse, sondern auch für die auf der Roadmap geplanten Features. Diese Architektur half uns, regelmäßige Updates reibungslos zu liefern.