Proudscroll

About project

ProudScroll is a project born out of fascination with humanity's greatest achievements. It’s a virtual timeline that allows users 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. The rule is simple: positive vibes only. I wanted to remind everyone that we’re all part of the same team on a ship called Earth.

Technically, I chose Nuxt 4 to achieve incredible interface fluidity. To ensure the content looks great on any screen — from an iPhone to a 32-inch monitor — I used fluid-tailwind. This allows typography and images to scale proportionally to the viewport width, maintaining a 'premium' aesthetic without writing hundreds of media queries.

For the backend, I used Supabase. It’s the perfect solution for projects where deployment time and database performance are key. Supabase handles not only the milestone data but also the high-quality image hosting, served instantly via its built-in CDN.

The project focuses on immersive UX. Scrolling isn't just an action here; it’s a way to build tension and reveal new chapters of history. I implemented Dark Mode as the default — because it looks best in deep space (and during late-night coding sessions), and a white background would have ruined the cinematic atmosphere.

The entire app runs in SSR mode on Vercel, ensuring lightning-fast indexing by Google. Even though it's a hobby project, I prioritized full SEO optimization so that anyone looking for inspiring historical facts can find their way here directly from search engines.