case study
ProudScroll
Ein Spaßprojekt — eine epische Scroll-Reise durch die Menschheitsgeschichte.
Über das Projekt
Eines der für mich einprägsamsten Zitate stammt aus Yuval Noah Hararis „Sapiens“: „Geschichte ist das, was wenige getan haben, während alle anderen die Felder bestellten und Wasser trugen.“ Geschichte erzählt von Gesellschaften, Nationen, materieller und geistiger Kultur, von Ereignissen. Sie ist eine Reise, die viele Wege nehmen kann — aber nicht jeder Weg ist voller atemberaubender Ausblicke. ProudScroll ist aus der Faszination dafür entstanden, was wir in so vielen Jahren erreicht haben. Es ist eine virtuelle Zeitleiste, durch die sich die Geschichte unserer Erfolge flüssig „scrollen“ lässt — von den jüngsten Artemis-Missionen und KI-Durchbrüchen bis zu den Momenten, in denen unsere Vorfahren das Feuer bändigten und das allererste Werkzeug fertigten. Die Regel ist simpel: nur positive Vibes. Großflächige Konflikte habe ich bewusst ausgeklammert. Stattdessen rückt das Projekt offensichtliche wie unauffällige Errungenschaften in den Mittelpunkt — als digitale Kapsel unserer Erfolge und als Erinnerung daran, dass wir alle eine Crew auf einem Schiff namens Erde sind.
Im Fokus stand eine „immersive“ UX. Scrollen ist hier nicht nur eine Aktion, sondern ein Mittel, Spannung aufzubauen und neue Kapitel zu enthüllen. Da unzählige Meilensteine existieren und sich unmöglich jedes prägende Ereignis aufnehmen lässt, gibt es ein einfaches Formular, über das Beiträge zu menschlichen Errungenschaften eingereicht werden können. Die gesamten Inhalte werden über ein Admin-Panel verwaltet — eingereichte Beiträge lassen sich prüfen, bearbeiten, löschen oder freigeben und veröffentlichen. Das Projekt ist vollständig zweisprachig und bietet einen nahtlosen Wechsel zwischen englischer und polnischer Version.
Technologie
Frontend in Nuxt 4 mit TailwindCSS. Das Interface ist auf maximale Flüssigkeit beim Scrollen ausgelegt — mit Scroll-Driven Animations.
Admin-Panel in Nuxt 4 für umfassende Inhaltsverwaltung und Moderation.
Backend mit Supabase (PostgreSQL + Storage). Eine schnelle, skalierbare Datenbank für Event-Beschreibungen, SEO-Metadaten und hochauflösende Medien.
Hosting auf Vercel — niedrige Latenz und blitzschnelle Auslieferung der Inhalte weltweit.