Bringing Motion to the Rwanda Polytechnic Portal

The student module section on Rwanda Polytechnic’s public portal needed more than just a list; it had to feel alive. I wanted users to keep discovering projects effortlessly, so I designed and built an alternating (2-1-2-1) infinite horizontal scroll that continuously loops through student modules.

The challenge was getting everything to feel natural; no jumps, no empty gaps, and no layout shifts when new content loads. Handling loaders, empty states, and responsive scaling took a lot of fine-tuning. I used Vue 3’s reactivity system and IntersectionObserver to track visibility, then combined that with conditional rendering and smooth transitions for a seamless flow.

Performance was another key focus. I optimized re-renders, batched updates, and ensured that scroll performance stayed stable even when fetching new batches of data from the API.

In the end, the section became one of the most visually engaging parts of the portal. It feels smooth, dynamic, and purposeful; exactly the kind of detail that makes a public-facing system stand out.