Proudscroll

O projekcie

ProudScroll to projekt zrodzony z fascynacji tym, co jako ludzkość osiągnęliśmy dobrego. To wirtualna oś czasu, która pozwala użytkownikowi 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. Zasada jest prosta: tylko pozytywne wibracje. Chciałem przypomnieć, że wszyscy płyniemy w jednym teamie na statku zwanym Ziemią.

Technicznie postawiłem na Nuxt 4, co pozwoliło mi na uzyskanie niesamowitej płynności interfejsu. Dzięki temu typografia i zdjęcia skalują się proporcjonalnie do szerokości ekranu, zachowując estetykę 'premium' bez pisania setek media queries.

Jako backend posłużył mi Supabase. To rozwiązanie idealne dla projektów, gdzie liczy się czas wdrożenia i wydajność bazy danych. Supabase obsługuje tutaj nie tylko przechowywanie informacji o kamieniach milowych, ale również hosting zdjęć w najwyższej jakości, które są serwowane błyskawicznie dzięki wbudowanemu CDN.

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. Zaimplementowałem tryb Dark Mode jako domyślny — bo w głębokim kosmosie i przy nocnym kodowaniu prezentuje się najlepiej, a białe tło mogłoby zepsuć ten kinowy klimat.

Całość działa w trybie SSR na Vercel, co zapewnia błyskawiczne indeksowanie przez Google. Mimo że to projekt hobbystyczny, zależało mi na pełnej optymalizacji SEO, aby każdy, kto szuka inspirujących faktów o historii, mógł tu trafić bezpośrednio z wyszukiwarki.