case study
ProudScroll
Scrollowanie przez najważniejsze wydarzenia w dziejach ludzkości.
O projekcie
Jeden z najbardziej zapadających mi w pamięć cytatów, to fragment książki 'Sapiens' autorstwa Yuvala Noaha Harariego. 'Historia to opowieść o tym co garstka ludzi robiła w czasie, gdy cała reszta ludzkości orała pola i nosiła wodę'. Historia to opowieść o społeczeństwach, narodach, o kulturze materialnej i duchowej, o wydarzeniach. To podróż, która może przebiegać przez wiele dróg - ale nie każda z nich obfituje w zapierające dech w piersiach widoki. ProudScroll to projekt zrodzony z fascynacji tym, co osiągnęliśmy przez tak wiele lat. To wirtualna oś czasu, która pozwala płynnie „przescrollować” historię naszych sukcesów - od najnowszych misji Artemis i przełomów w AI, aż po momenty, w których nasi przodkowie po raz pierwszy użyli ognia i stworzyli pierwsze narzędzie. Zasada jest prosta: tylko pozytywne wibracje. W tym projekcie starałem się pominąć jakiekolwiek wydarzenia związane z szeroko pojętymi konfliktami na dużą skalę. Projekt skupia się na tych mniej i bardziej oczywistych osiągnięciach, jest niczym cyfrowa kapsuła z zapisem naszych sukcesów i przypomina, że jesteśmy jedną załogą na statku zwanym Ziemią.
W projekcie skupiłem się na UX typu 'immerisve'. Scrollowanie nie jest tu tylko czynnością, ale sposobem na budowanie napięcia i odkrywanie kolejnych kart historii. A z racji tego, że może ich być naprawdę wiele i nie sposób uwzględnić wszystkie wydarzenia które zapisały się na kartach historii, wprowadziłem możliwość dodawania osiągnięć człowieka poprzez prosty formularz. Zarządzanie całym contentem odbywa się poprzez panel administracyjny, który umożliwia przejrzenie dodanych przez użytkowników wpisów, ich edycję, usunięcie lub też akceptację i upublicznienie. Projekt jest dwujęzyczny - mamy możliwość przełączania pomiędzy wersją angielską a wersją polską.
Technologia
Frontend zbudowany w Nuxt 4 z wykorzystaniem TailwindCSS. Interfejs zaprojektowany pod kątem maksymalnej płynności podczas przewijania (scroll-driven animations).
Panel administracyjny zbudowany w Nuxt 4, umożliwiający zarządzanie treścią.
Backend oparty na Supabase (PostgreSQL + Storage). Szybka i skalowalna baza danych przechowująca opisy wydarzeń, metadane SEO oraz multimedia.
Hosting na Vercel zapewnia niskie opóźnienia i szybkie serwowanie treści z dowolnego miejsca na świecie.