case study
ProudScroll
An epic scrolling journey through human history.
About project
One of the most memorable quotes for me is a fragment from Yuval Noah Harari's 'Sapiens': 'History is something that very few people have been doing while everyone else was ploughing fields and carrying water buckets.' History is a story of societies, nations, material and spiritual culture, and events. It is a journey that can take many paths - but not every path is filled with breathtaking views. ProudScroll is a project born out of a fascination with what we have achieved over so many years. It is a virtual timeline that allows you to seamlessly 'scroll' through the history of our successes - from the latest Artemis missions and AI breakthroughs to the moments our ancestors first harnessed fire and crafted the very first tool. The rule is simple: positive vibes only. In this project, I deliberately omitted any events related to large-scale conflicts. Instead, the project focuses on both obvious and obscure achievements, serving as a digital capsule of our successes and a reminder that we are all one crew on a ship called Earth.
I focused on an 'immersive' UX for this project. Scrolling isn't just an action; it’s a way to build tension and unveil new chapters of history. Since there are countless milestones and it's impossible to include every single event that marked human history, I introduced a feature to contribute human achievements through a simple form. All content is managed via an admin panel, which allows for reviewing user-submitted entries, editing, deleting, or approving and publishing them. The project is fully bilingual - offering a seamless toggle between English and Polish versions.
Technology
Frontend built in Nuxt 4 using TailwindCSS. The interface is designed for maximum fluidity during scrolling, utilizing scroll-driven animations.
Admin panel built in Nuxt 4, enabling comprehensive content management and moderation.
Backend powered by Supabase (PostgreSQL + Storage). A fast and scalable database storing event descriptions, SEO metadata, and high-resolution media.
Hosted on Vercel to ensure low latency and lightning-fast content delivery from anywhere in the world.