I Built 7 Interactive Comparison Tools for Malaysian Life Admin — Here's What I Learned

When you live in Malaysia, navigating financial products — broadband plans, savings accounts, credit cards, toll charges — can feel like a full-time job. Every provider has a different website, different jargon, and different fine print. I decided to fix this by building a set of interactive comparison tools using pure vanilla JavaScript. This is what I learned from building Sorted MY , a collection of 57+ guides and comparison tools for Malaysian life admin. Why Vanilla JS? No React, no Vue, no build step. Just HTML, CSS, and JavaScript that any browser can run instantly. For content-heavy comparison tools, this means: Zero hydration delay No bundle size to optimise Easy to deploy on GitHub Pages Genuinely fast on mid-range Android phones (the dominant device in Malaysia) Pattern 1: Filterable Data Tables The core of any comparison tool is a filterable table. Here's the pattern I use everywhere: const data = [ { provider : " Unifi " , speed : 100 , price : 99 , type : " fibre " }, { p