Hey Parley! Packlist Community

Ob Wandern, Camping oder Reisen - die richtige Packstrategie ist entscheidend für ein gelungenes Erlebnis. Mit Parley habe ich im Rahmen meiner Masterarbeit eine Plattform entwickelt, die Menschen beim effizienten Packen unterstützt und vernetzt.

Vom Wiki zum sozialen Netzwerk

Parley verbindet die Funktionen eines Wikis mit den sozialen Aspekten moderner Plattformen. Nach den Erfahrungen aus meinem vorherigen Projekt “nei damit” wurde schnell klar, dass eine reine Packlistenfunktion nicht ausreicht. Die Nutzer suchen nicht nur nach Listen, sondern nach Erfahrungen und Kontext - warum wurde etwas eingepackt, was hat sich bewährt, was war überflüssig?

Die Plattform orientiert sich dabei an Reddit’s Funktionalität: Nutzer können Posts erstellen, diese werden in verschiedene Kategorien eingeteilt und können von der Community bewertet werden. Anders als bei Reddit liegt der Fokus jedoch auf der Packplanung. Jeder Post kann eine visuelle Packplanung enthalten, die das Volumen und Gewicht der Ausrüstung darstellt.

Das Herzstück ist die Visualisierung der Packplanung. Nach mehreren technischen Studien entschied ich mich für eine Hybridlösung: Eine Physiksimulation sorgt für ansprechende Animationen beim “Eingießen” der Gegenstände, während ein HTML-basiertes Balkendiagramm präzise Werte liefert. Diese Kombination macht die Plattform nicht nur funktional, sondern auch visuell attraktiv.

Die Entscheidung für diese Art der Darstellung war nicht nur technisch motiviert. Sie dient als Eye-Catcher und Marketingwerkzeug, unterscheidet Parley von bestehenden Lösungen und macht die oft trockene Packplanung zu einem interaktiven Erlebnis.

Visualisierung der Packplanung

Ein Kernfeature von Parley ist die intuitive Visualisierung der Packplanung. Nach mehreren Iterationen entwickelte ich eine Hybridlösung, die verschiedene Technologien kombiniert:

• Matter.js für flüssige Animationen
• Rapier für präzise Physikberechnungen
• SVG-Elemente für akkurate Füllstandsanzeigen

Die finale Implementierung verbindet die Vorteile einer physikbasierten Animation für das Einfüllen mit der Genauigkeit eines HTML-basierten Balkendiagramms. Dies ermöglicht sowohl eine ansprechende visuelle Darstellung als auch präzise Messwerte.

Technische Umsetzung und Entwicklung der Benutzeroberfläche

Das Projekt basiert auf einer modernen Serverless-Architektur auf Basis von Svelte und Cloudflare Workers mit Fauna als Datenbanklösung. Diese Entscheidung ermöglicht nicht nur eine kostengünstige Skalierung, sondern auch eine hohe Performance bei steigender Nutzerzahl. Ein wesentlicher Bestandteil der Entwicklung war die Implementierung einer eigenen Authentifizierungsbibliothek als Beitrag zum Open-Source-Projekt Lucia.

Die Benutzeroberfläche wurde bewusst an bekannte Social-Media-Plattformen angelehnt, um Nutzern einen vertrauten Einstieg zu ermöglichen. Gleichzeitig wurden spezielle Features für die Packplanung integriert:

• Visualisierung von Packvolumen und -gewicht
• Gruppierung von Ausrüstungsgegenständen
• Interaktive Packlistenerstellung

Die Plattform ist als offene Alpha-Version unter heyparley.de verfügbar. Aufgrund von Zeitmangel ist das Projekt bis auf weiteres pausiert.